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) => {
|
} & 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
|
||||||
|
@ -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>
|
||||||
|
@ -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
|
||||||
|
Loading…
x
Reference in New Issue
Block a user