Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-11-03 19:17:16 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix episodes display time overflow

Browse Source
This commit is contained in:
Zoe Roux 2023-12-12 23:03:02 +01:00
parent 91498f45cd
commit 991e5004d7
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
front/apps/mobile/app/(app)/_layout.tsx
View File

@ -23,9 +23,11 @@ import { CircularProgress } from "@kyoo/primitives";
import { NavbarRight, NavbarTitle } from "@kyoo/ui"; import { NavbarRight, NavbarTitle } from "@kyoo/ui";
import { Redirect, SplashScreen, Stack } from "expo-router"; import { Redirect, SplashScreen, Stack } from "expo-router";
import { useContext, useEffect } from "react"; import { useContext, useEffect } from "react";
import { useSafeAreaInsets } from "react-native-safe-area-context";
import { useTheme } from "yoshiki/native"; import { useTheme } from "yoshiki/native";
export default function SignGuard() { export default function SignGuard() {
const insets = useSafeAreaInsets();
const theme = useTheme(); const theme = useTheme();
// TODO: support guest accounts on mobile too. // TODO: support guest accounts on mobile too.
const account = useAccount(); const account = useAccount();
@ -46,6 +48,9 @@ export default function SignGuard() {
headerRight: () => <NavbarRight />, headerRight: () => <NavbarRight />,
contentStyle: { contentStyle: {
backgroundColor: theme.background, backgroundColor: theme.background,
paddingBottom: insets.bottom,
paddingLeft: insets.left,
paddingRight: insets.right,
}, },
headerStyle: { headerStyle: {
backgroundColor: theme.accent, backgroundColor: theme.accent,

2
front/packages/ui/src/details/episode.tsx
View File

@ -241,7 +241,7 @@ export const EpisodeLine = ({
> >
<Skeleton> <Skeleton>
{isLoading || ( {isLoading || (
<H6 aria-level={undefined} {...css("title")}> <H6 aria-level={undefined} {...css([{ flexShrink: 1 }, "title"])}>
{name ?? t("show.episodeNoMetadata")} {name ?? t("show.episodeNoMetadata")}
</H6> </H6>
)} )}