Use smallers chips

This commit is contained in:
Zoe Roux 2023-11-05 10:58:07 +01:00
parent dd62611588
commit 05d8332358
3 changed files with 4 additions and 4 deletions

View File

@ -38,7 +38,7 @@ export const Chip = <AsProps = { label: string },>({
} & AsProps) => {
const { css } = useYoshiki();
const sizeMult = size == "medium" ? 1 : size == "small" ? 0.75 : 1.25;
const sizeMult = size == "medium" ? 1 : size == "small" ? 0.5 : 1.5;
const As = as ?? (P as any);
// @ts-ignore backward compatibilty

View File

@ -72,7 +72,7 @@ export const Image = ({
placeholder="blur"
// Don't use next's server to reprocess images, they are already optimized by kyoo.
unoptimized={true}
onLoadingComplete={() => setState("finished")}
onLoad={() => setState("finished")}
onError={() => setState("errored")}
/>
</BlurhashContainer>

View File

@ -135,8 +135,8 @@ export const ItemDetails = ({
minHeight: px(50),
})}
>
<ScrollView horizontal>
{genres?.map((x) => <Chip key={x} label={x} {...css({ mX: ts(0.5) })} />)}
<ScrollView horizontal {...css({ alignItems: "center" })}>
{genres?.map((x) => <Chip key={x} size="small" label={x} {...css({ mX: ts(0.5) })} />)}
</ScrollView>
{playHref !== null && (
<IconFab