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 PlayArrow from "@material-symbols/svg-400/rounded/play_arrow-fill.svg";
import Theaters from "@material-symbols/svg-400/rounded/theaters-fill.svg";
import { Stack } from "expo-router";
import { Fragment } from "react";
import { useTranslation } from "react-i18next";
import { type ImageStyle, Platform, View } from "react-native";
@ -487,6 +488,13 @@ export const Header = ({
const { t } = useTranslation();
return (
<>
<Stack.Screen
options={{
headerTransparent: true,
headerStyle: { backgroundColor: undefined },
}}
/>
<Fetch
query={Header.query(kind, slug)}
Loader={() => <p>loading</p>}
@ -511,7 +519,12 @@ export const Header = ({
},
}}
{...(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)}
>
<TitleLine
@ -576,6 +589,7 @@ export const Header = ({
</>
)}
/>
</>
);
};