alteropen/streamyfin
1
0
Fork 0
mirror of https://github.com/streamyfin/streamyfin.git synced 2026-05-22 23:06:39 +01:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

Fix/tv interface android (#1585)

Browse Source 
Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>
This commit is contained in:
lance chant
2026-05-22 11:51:29 +02:00
committed by GitHub
parent 09bd84593c
commit d272c6710c
2 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
constants/TVSizes.ts
View File

@@ -79,7 +79,7 @@ export const TVAnimation = {
* Applied to poster sizes and gaps.
*/
const sizeScaleMultipliers: Record<TVTypographyScale, number> = {
[TVTypographyScale.Small]: 0.9,
[TVTypographyScale.Small]: 0.8,
[TVTypographyScale.Default]: 1.0,
[TVTypographyScale.Large]: 1.1,
[TVTypographyScale.ExtraLarge]: 1.2,

43
constants/TVTypography.ts
View File

@@ -1,46 +1,65 @@
import { TVTypographyScale, useSettings } from "@/utils/atoms/settings";
import { scaleSize } from "@/utils/scaleSize";
/**
* TV Typography Scale
*
* Consistent text sizes for TV interface components.
* Design values are for 1920×1080 and scaled proportionally
* to the actual viewport via scaleSize().
* Base values are designed for 1920x1080 and scaled to the actual viewport via
* scaleSize(), then further adjusted by the user's tvTypographyScale setting.
*/
import { scaleSize } from "@/utils/scaleSize";
// =============================================================================
// BASE VALUES (at Default scale)
// =============================================================================
export const TVTypography = {
/** Hero titles, movie/show names */
display: scaleSize(70),
display: 70,
/** Episode series name, major headings */
title: scaleSize(42),
title: 42,
/** Section headers (Cast, Technical Details, From this Series) */
heading: scaleSize(32),
heading: 32,
/** Overview, actor names, card titles, metadata */
body: scaleSize(40),
body: 40,
/** Secondary text, labels, subtitles */
callout: scaleSize(26),
callout: 26,
};
export type TVTypographyKey = keyof typeof TVTypography;
// =============================================================================
// SCALING
// =============================================================================
const scaleMultipliers: Record<TVTypographyScale, number> = {
[TVTypographyScale.Small]: 0.85,
[TVTypographyScale.Small]: 0.8,
[TVTypographyScale.Default]: 1.0,
[TVTypographyScale.Large]: 1.2,
[TVTypographyScale.ExtraLarge]: 1.4,
[TVTypographyScale.Large]: 1.1,
[TVTypographyScale.ExtraLarge]: 1.2,
};
// =============================================================================
// HOOKS
// =============================================================================
export type ScaledTVTypography = {
display: number;
title: number;
heading: number;
body: number;
callout: number;
};
/**
* Hook that returns scaled TV typography values based on user settings.
* Use this instead of the static TVTypography constant for dynamic scaling.
*/
export const useScaledTVTypography = () => {
export const useScaledTVTypography = (): ScaledTVTypography => {
const { settings } = useSettings();
const scale =
scaleMultipliers[settings.tvTypographyScale] ??