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:
Lance Chant
2026-05-22 15:00:13 +02:00
parent 5fd8e40c44
commit 03f17a758f
47 changed files with 528 additions and 389 deletions

View File

@@ -6,6 +6,7 @@ import {
TextInput,
type TextInputProps,
} from "react-native";
import { scaleSize } from "@/utils/scaleSize";
interface TVInputProps extends TextInputProps {
label?: string;
@@ -58,7 +59,7 @@ export const TVInput: React.FC<TVInputProps> = ({
<Animated.View
style={{
transform: [{ scale }],
borderRadius: 12,
borderRadius: scaleSize(12),
backgroundColor: isFocused
? "rgba(255,255,255,0.15)"
: "rgba(255,255,255,0.08)",
@@ -73,10 +74,10 @@ export const TVInput: React.FC<TVInputProps> = ({
allowFontScaling={false}
style={[
{
height: 64,
fontSize: 22,
height: scaleSize(64),
fontSize: scaleSize(22),
color: "#FFFFFF",
paddingHorizontal: 20,
paddingHorizontal: scaleSize(20),
},
style,
]}