Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-06-02 21:24:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Front: Recommended Component: fix align to position of play button

Browse Source
This commit is contained in:
Arthur Jamet 2023-12-09 18:55:07 +01:00 committed by Zoe Roux
parent 1e5ef4003a
commit ddb9b2926d
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
front/packages/ui/src/home/recommanded.tsx
View File

@ -155,19 +155,19 @@ export const ItemDetails = ({
bg: (theme) => theme.themeOverlay, bg: (theme) => theme.themeOverlay,
flexDirection: "row", flexDirection: "row",
pX: 4, pX: 4,
justifyContent: "space-between", justifyContent: "flex-end",
minHeight: px(50), minHeight: px(50),
})} })}
> >
{ {(isLoading || genres) && (
<ScrollView horizontal {...css({ alignItems: "center" })}> <ScrollView horizontal {...css({ alignItems: "center" })}>
{(genres ?? Array(3))?.map((x, i) => ( {(genres || [...Array(3)])?.map((x, i) => (
<Chip key={x ?? i} size="small" {...css({ mX: ts(0.5) })}> <Chip key={x ?? i} size="small" {...css({ mX: ts(0.5) })}>
{x ?? <Skeleton {...css({ width: rem(3), height: rem(0.8) })} />} {x ?? <Skeleton {...css({ width: rem(3), height: rem(0.8) })} />}
</Chip> </Chip>
))} ))}
</ScrollView> </ScrollView>
} )}
{playHref !== null && ( {playHref !== null && (
<IconFab <IconFab
icon={PlayArrow} icon={PlayArrow}