mirror of
https://github.com/Jellify-Music/App.git
synced 2026-04-22 01:28:28 -05:00
fix album tracklist layout
bring back card animations and logos
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user