mirror of
https://github.com/zoriya/Kyoo.git
synced 2025-07-09 03:04:20 -04:00
Use smallers chips
This commit is contained in:
parent
dd62611588
commit
05d8332358
@ -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
|
||||
|
@ -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>
|
||||
|
@ -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
|
||||
|
Loading…
x
Reference in New Issue
Block a user