diff --git a/components/tv/TVFocusableProgressBar.tsx b/components/tv/TVFocusableProgressBar.tsx index 42cec6b1..e33e4444 100644 --- a/components/tv/TVFocusableProgressBar.tsx +++ b/components/tv/TVFocusableProgressBar.tsx @@ -33,7 +33,7 @@ export interface TVFocusableProgressBarProps { style?: ViewStyle; } -const PROGRESS_BAR_HEIGHT = 16; +const PROGRESS_BAR_HEIGHT = 14; export const TVFocusableProgressBar: React.FC = React.memo( diff --git a/components/video-player/controls/Controls.tv.tsx b/components/video-player/controls/Controls.tv.tsx index f5361105..c885ee88 100644 --- a/components/video-player/controls/Controls.tv.tsx +++ b/components/video-player/controls/Controls.tv.tsx @@ -26,6 +26,7 @@ import { useSafeAreaInsets } from "react-native-safe-area-context"; import { Text } from "@/components/common/Text"; import { TVControlButton, TVNextEpisodeCountdown } from "@/components/tv"; import { TVFocusableProgressBar } from "@/components/tv/TVFocusableProgressBar"; +import { TVTypography } from "@/constants/TVTypography"; import useRouter from "@/hooks/useAppRouter"; import { usePlaybackManager } from "@/hooks/usePlaybackManager"; import { useTrickplay } from "@/hooks/useTrickplay"; @@ -70,7 +71,7 @@ interface Props { addSubtitleFile?: (path: string) => void; } -const TV_SEEKBAR_HEIGHT = 16; +const TV_SEEKBAR_HEIGHT = 14; const TV_AUTO_HIDE_TIMEOUT = 5000; export const Controls: FC = ({ @@ -991,11 +992,11 @@ const styles = StyleSheet.create({ }, subtitleText: { color: "rgba(255,255,255,0.6)", - fontSize: 18, + fontSize: TVTypography.body, }, titleText: { color: "#fff", - fontSize: 28, + fontSize: TVTypography.heading, fontWeight: "bold", }, controlButtonsRow: { @@ -1055,7 +1056,7 @@ const styles = StyleSheet.create({ }, timeText: { color: "rgba(255,255,255,0.7)", - fontSize: 22, + fontSize: TVTypography.body, }, timeRight: { flexDirection: "column", @@ -1063,7 +1064,7 @@ const styles = StyleSheet.create({ }, endsAtText: { color: "rgba(255,255,255,0.5)", - fontSize: 16, + fontSize: TVTypography.callout, marginTop: 2, }, // Minimal seek bar styles