Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-09-22 09:18:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add safe area inset bottom to next episode button

Browse Source
This commit is contained in:
Jip Fr 2023-12-11 17:47:24 +01:00
parent 3109da2154
commit 903185f5a3
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/player/atoms/NextEpisodeButton.tsx
View File

@ -62,9 +62,11 @@ export function NextEpisodeButton(props: {
if (isHidden || status !== "playing" || duration === 0) show = false; if (isHidden || status !== "playing" || duration === 0) show = false;
const animation = showingState === "hover" ? "slide-up" : "fade"; const animation = showingState === "hover" ? "slide-up" : "fade";
let bottom = "bottom-24"; let bottom = "bottom-[calc(6rem+env(safe-area-inset-bottom))]";
if (showingState === "always") if (showingState === "always")
bottom = props.controlsShowing ? "bottom-24" : "bottom-12"; bottom = props.controlsShowing
? bottom
: "bottom-[calc(3rem+env(safe-area-inset-bottom))]";
const nextEp = meta?.episodes?.find( const nextEp = meta?.episodes?.find(
(v) => v.number === (meta?.episode?.number ?? 0) + 1 (v) => v.number === (meta?.episode?.number ?? 0) + 1