Fix skip intro contrast

This commit is contained in:
Zoe Roux 2026-05-04 15:03:06 +02:00
parent 256b2e210b
commit 7e902f7370
No known key found for this signature in database
2 changed files with 12 additions and 3 deletions

View File

@ -2,7 +2,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
import { useTranslation } from "react-i18next";
import { useEvent, type VideoPlayer } from "react-native-video";
import type { Chapter } from "~/models";
import { Button } from "~/primitives";
import { Button, P } from "~/primitives";
import { useAccount } from "~/providers/account-context";
import { useFetch } from "~/query";
import { Info } from "~/ui/info";
@ -76,12 +76,20 @@ export const SkipChapterButton = ({
return (
<Button
text={t(`player.chapters.skip`, { type: chapter.type })}
onPress={skipChapter}
className={cn(
"absolute right-safe bottom-2/10 m-8",
"z-20 bg-slate-900/70 px-4 py-2",
)}
/>
>
<P
className={cn(
"text-center text-slate-300 dark:text-slate-300",
"group-focus-within:text-slate-200 group-hover:text-slate-200",
)}
>
{t(`player.chapters.skip`, { type: chapter.type })}
</P>
</Button>
);
};

View File

@ -2,6 +2,7 @@ import Theme from "@material-symbols/svg-400/outlined/dark_mode.svg";
import Language from "@material-symbols/svg-400/outlined/language.svg";
import Android from "@material-symbols/svg-400/rounded/android.svg";
import Public from "@material-symbols/svg-400/rounded/public.svg";
import { useQueryClient } from "@tanstack/react-query";
import { useTranslation } from "react-i18next";
import { Uniwind, useUniwind } from "uniwind";
import { Link, Select } from "~/primitives";