fix album tracklist layout

bring back card animations and logos
This commit is contained in:
Violet Caulfield
2025-01-04 09:47:23 -06:00
parent d84da62b42
commit 4999a3d112
2 changed files with 7 additions and 6 deletions
+2 -2
View File
@@ -68,7 +68,7 @@ export default function Album(props: AlbumProps): React.JSX.Element {
paddingVertical={"$4"}
paddingHorizontal={"$1"}
>
<YStack alignContent="center" flex={1}>
<YStack justifyContent="center" flex={1}>
<Text>{ track.IndexNumber?.toString() ?? "" }</Text>
</YStack>
@@ -76,7 +76,7 @@ export default function Album(props: AlbumProps): React.JSX.Element {
<Text color={ isPlaying ? Colors.Primary : "unset" }>{ track.Name ?? "Untitled Track" }</Text>
</YStack>
<YStack justifyContent="flex-end" flex={2}>
<YStack justifyContent="flex-end" flex={1}>
<RunTimeTicks>{ track.RunTimeTicks }</RunTimeTicks>
</YStack>
</XStack>
+5 -4
View File
@@ -33,14 +33,14 @@ export function Card(props: CardProps) {
return (
<View
alignItems="center"
animation="bouncy"
hoverStyle={props.onPress ? { scale: 0.925 } : {}}
pressStyle={props.onPress ? { scale: 0.875 } : {}}
>
>
<TamaguiCard
elevate
size="$4"
borderRadius={props.cornered ? 2 : 25}
animation="bouncy"
hoverStyle={props.onPress ? { scale: 0.925 } : {}}
pressStyle={props.onPress ? { scale: 0.875 } : {}}
width={props.width ?? 150}
height={props.width ?? 150}
{...props}
@@ -57,6 +57,7 @@ export function Card(props: CardProps) {
}
imageStyle={{
...logoDimensions,
position: "relative",
shadowRadius: 2,
shadowOffset: {
width: 2,