Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-31 12:14:46 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix episode number round on android

Browse Source
This commit is contained in:
Zoe Roux 2023-12-10 23:03:20 +01:00
parent d5a839b3c6
commit 0272b82166
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
front/packages/ui/src/browse/grid.tsx
View File

@ -21,7 +21,7 @@
import { KyooImage, WatchStatusV } from "@kyoo/models"; import { KyooImage, WatchStatusV } from "@kyoo/models";
import { Link, Skeleton, ts, focusReset, P, SubP, PosterBackground, Icon } from "@kyoo/primitives"; import { Link, Skeleton, ts, focusReset, P, SubP, PosterBackground, Icon } from "@kyoo/primitives";
import { ImageStyle, View } from "react-native"; import { ImageStyle, View } from "react-native";
import { percent, px, Stylable, Theme, useYoshiki } from "yoshiki/native"; import { max, percent, px, rem, Stylable, Theme, useYoshiki } from "yoshiki/native";
import { Layout, WithLoading } from "../fetch"; import { Layout, WithLoading } from "../fetch";
import Done from "@material-symbols/svg-400/rounded/done-fill.svg"; import Done from "@material-symbols/svg-400/rounded/done-fill.svg";
@ -44,7 +44,7 @@ export const ItemWatchStatus = ({
position: "absolute", position: "absolute",
top: 0, top: 0,
right: 0, right: 0,
minWidth: ts(3.5), minWidth: max(rem(1), ts(3.5)),
aspectRatio: 1, aspectRatio: 1,
justifyContent: "center", justifyContent: "center",
alignItems: "center", alignItems: "center",
@ -59,7 +59,9 @@ export const ItemWatchStatus = ({
{watchStatus === WatchStatusV.Completed ? ( {watchStatus === WatchStatusV.Completed ? (
<Icon icon={Done} size={16} /> <Icon icon={Done} size={16} />
) : ( ) : (
<P {...css({ m: 0, textAlign: "center" })}>{unseenEpisodesCount}</P> <P {...css({ marginVertical: 0, verticalAlign: "middle", textAlign: "center" })}>
{unseenEpisodesCount}
</P>
)} )}
</View> </View>
); );