mirror of
https://github.com/streamyfin/streamyfin.git
synced 2026-07-11 06:53:20 +01:00
chore: updated usage of tv scaling, alert text fix
Sweep across a few pages to ensure they use the scaling factors now Added a plugin to fix the alert text on android tv Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>
This commit is contained in:
@@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
|
||||
import { View } from "react-native";
|
||||
import { Text } from "@/components/common/Text";
|
||||
import { useScaledTVTypography } from "@/constants/TVTypography";
|
||||
import { scaleSize } from "@/utils/scaleSize";
|
||||
|
||||
export interface TVCastCrewTextProps {
|
||||
director?: BaseItemPerson | null;
|
||||
@@ -22,18 +23,18 @@ export const TVCastCrewText: React.FC<TVCastCrewTextProps> = React.memo(
|
||||
}
|
||||
|
||||
return (
|
||||
<View style={{ marginBottom: 32 }}>
|
||||
<View style={{ marginBottom: scaleSize(32) }}>
|
||||
<Text
|
||||
style={{
|
||||
fontSize: typography.heading,
|
||||
fontWeight: "600",
|
||||
color: "#FFFFFF",
|
||||
marginBottom: 16,
|
||||
marginBottom: scaleSize(16),
|
||||
}}
|
||||
>
|
||||
{t("item_card.cast_and_crew")}
|
||||
</Text>
|
||||
<View style={{ flexDirection: "row", gap: 40 }}>
|
||||
<View style={{ flexDirection: "row", gap: scaleSize(40) }}>
|
||||
{director && (
|
||||
<View>
|
||||
<Text
|
||||
@@ -42,7 +43,7 @@ export const TVCastCrewText: React.FC<TVCastCrewTextProps> = React.memo(
|
||||
color: "#6B7280",
|
||||
textTransform: "uppercase",
|
||||
letterSpacing: 1,
|
||||
marginBottom: 4,
|
||||
marginBottom: scaleSize(4),
|
||||
}}
|
||||
>
|
||||
{t("item_card.director")}
|
||||
@@ -60,7 +61,7 @@ export const TVCastCrewText: React.FC<TVCastCrewTextProps> = React.memo(
|
||||
color: "#6B7280",
|
||||
textTransform: "uppercase",
|
||||
letterSpacing: 1,
|
||||
marginBottom: 4,
|
||||
marginBottom: scaleSize(4),
|
||||
}}
|
||||
>
|
||||
{t("item_card.cast")}
|
||||
|
||||
Reference in New Issue
Block a user