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

Front: Recommended: Use CSS calc to compute border radius of frame

Browse Source
This commit is contained in:
Arthur Jamet 2023-12-09 16:53:34 +01:00 committed by Zoe Roux
parent fbf660d532
commit b246f43c70
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
front/packages/ui/src/home/recommanded.tsx
View File

@ -46,7 +46,7 @@ import {
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Pressable, ScrollView, View } from "react-native"; import { Pressable, ScrollView, View } from "react-native";
import { useRouter } from "solito/router"; import { useRouter } from "solito/router";
import { Theme, percent, px, rem, useYoshiki } from "yoshiki/native"; import { Theme, calc, percent, px, rem, useYoshiki } from "yoshiki/native";
import { Layout, WithLoading } from "../fetch"; import { Layout, WithLoading } from "../fetch";
import { InfiniteFetch } from "../fetch-infinite"; import { InfiniteFetch } from "../fetch-infinite";
import PlayArrow from "@material-symbols/svg-400/rounded/play_arrow-fill.svg"; import PlayArrow from "@material-symbols/svg-400/rounded/play_arrow-fill.svg";
@ -90,7 +90,7 @@ export const ItemDetails = ({
height: ItemDetails.layout.size, height: ItemDetails.layout.size,
flexDirection: "row", flexDirection: "row",
bg: (theme) => theme.variant.background, bg: (theme) => theme.variant.background,
borderRadius: 12, // to make the border stick to the poster borderRadius: calc(px(ImageBorderRadius), "+", ts(.25)),
overflow: "hidden", overflow: "hidden",
borderColor: (theme) => theme.background, borderColor: (theme) => theme.background,
borderWidth: ts(0.25), borderWidth: ts(0.25),