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) => { } & AsProps) => {
const { css } = useYoshiki(); 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); const As = as ?? (P as any);
// @ts-ignore backward compatibilty // @ts-ignore backward compatibilty

View File

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

View File

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