Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make header transparent in details page

Browse Source
This commit is contained in:
Zoe Roux 2025-07-08 00:20:47 +02:00
parent 0d4e8d5a62
commit 3f1c027019
No known key found for this signature in database
1 changed files with 102 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
front/src/ui/details/header.tsx
View File

@ -4,6 +4,7 @@ import MoreHoriz from "@material-symbols/svg-400/rounded/more_horiz.svg";
import MovieInfo from "@material-symbols/svg-400/rounded/movie_info.svg"; import MovieInfo from "@material-symbols/svg-400/rounded/movie_info.svg";
import PlayArrow from "@material-symbols/svg-400/rounded/play_arrow-fill.svg"; import PlayArrow from "@material-symbols/svg-400/rounded/play_arrow-fill.svg";
import Theaters from "@material-symbols/svg-400/rounded/theaters-fill.svg"; import Theaters from "@material-symbols/svg-400/rounded/theaters-fill.svg";
import { Stack } from "expo-router";
import { Fragment } from "react"; import { Fragment } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { type ImageStyle, Platform, View } from "react-native"; import { type ImageStyle, Platform, View } from "react-native";
@ -487,6 +488,13 @@ export const Header = ({
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<>
<Stack.Screen
options={{
headerTransparent: true,
headerStyle: { backgroundColor: undefined },
}}
/>
<Fetch <Fetch
query={Header.query(kind, slug)} query={Header.query(kind, slug)}
Loader={() => <p>loading</p>} Loader={() => <p>loading</p>}
@ -511,7 +519,12 @@ export const Header = ({
}, },
}} }}
{...(css({ {...(css({
minHeight: { xs: px(350), sm: px(300), md: px(400), lg: px(600) }, minHeight: {
xs: px(350),
sm: px(300),
md: px(400),
lg: px(600),
},
}) as any)} }) as any)}
> >
<TitleLine <TitleLine
@ -576,6 +589,7 @@ export const Header = ({
</> </>
)} )}
/> />
</>
); );
}; };