mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-02-21 19:28:59 -06:00
Code Issues Packages Projects Releases Wiki Activity

smol design tweaks

Browse Source
This commit is contained in:
Violet Caulfield
2025-02-10 20:24:05 -06:00
parent 3ac550d71d
commit 3a27691d99
5 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Albums/component.tsx
View File

@@ -26,7 +26,7 @@ export default function Albums({ navigation }: AlbumsProps) : React.JSX.Element
item={album}
caption={album.Name ?? "Untitled Album"}
subCaption={album.ProductionYear?.toString() ?? ""}
cornered
squared
onPress={() => {
navigation.navigate("Album", { album })
}}

2
components/Artist/component.tsx
View File

@@ -62,7 +62,7 @@ export default function Artist({
caption={album.Name}
subCaption={album.ProductionYear?.toString()}
width={(width / 1.1) / columns}
cornered
squared
item={album}
onPress={() => {
navigation.navigate('Album', {

11
components/Global/components/item-card.tsx
View File

@@ -11,7 +11,7 @@ interface CardProps extends TamaguiCardProps {
caption?: string | null | undefined;
subCaption?: string | null | undefined;
item: BaseItemDto;
cornered?: boolean;
squared?: boolean;
}
export function ItemCard(props: CardProps) {
@@ -27,7 +27,8 @@ export function ItemCard(props: CardProps) {
>
<TamaguiCard
size="$4"
borderRadius={props.cornered ? 2 : 25}
circular={!!!props.squared}
borderRadius={props.squared ? 2 : undefined}
animation="bouncy"
hoverStyle={props.onPress ? { scale: 0.925 } : {}}
pressStyle={props.onPress ? { scale: 0.875 } : {}}
@@ -38,7 +39,7 @@ export function ItemCard(props: CardProps) {
<TamaguiCard.Header>
</TamaguiCard.Header>
<TamaguiCard.Footer padded>
{ props.item.Type === 'MusicArtist' && (
{/* { props.item.Type === 'MusicArtist' && (
<BlurhashedImage
cornered
item={props.item}
@@ -46,14 +47,14 @@ export function ItemCard(props: CardProps) {
width={logoDimensions.width}
height={logoDimensions.height}
/>
)}
)} */}
</TamaguiCard.Footer>
<TamaguiCard.Background>
<BlurhashedImage
item={props.item}
width={dimensions.width}
height={dimensions.height}
cornered={props.cornered}
cornered={props.squared}
/>
</TamaguiCard.Background>
</TamaguiCard>

2
components/Home/helpers/recently-played.tsx
View File

@@ -27,7 +27,7 @@ export default function RecentlyPlayed({
<ItemCard
caption={recentlyPlayedTrack.Name}
subCaption={`${recentlyPlayedTrack.Artists?.join(", ")}`}
cornered
squared
width={150}
item={recentlyPlayedTrack}
onPress={() => {

9
components/Player/screens/index.tsx
View File

@@ -288,8 +288,8 @@ export default function PlayerScreen({
setSeeking(true);
setProgressState(progressState - (15 * ProgressMultiplier));
useSeekTo.mutate(progress!.position - 15);
setSeeking(false);
useSeekTo.mutate(progress!.position - 15);
}}
/>
@@ -316,16 +316,14 @@ export default function PlayerScreen({
onPress={() => {
setSeeking(true);
setProgressState(progressState + (15 * ProgressMultiplier));
useSeekTo.mutate(progress!.position + 15);
setSeeking(false);
useSeekTo.mutate(progress!.position + 15);
}}
/>
</XStack>
<XStack justifyContent="space-evenly" marginVertical={"$7"}>
<Icon
name="speaker-multiple"
large
<Icon name="speaker-multiple"
/>
<Spacer />
@@ -335,7 +333,6 @@ export default function PlayerScreen({
onPress={() => {
navigation.navigate("Queue");
}}
large
/>
</XStack>
</YStack>