worse styling

apps/mobile/src/app/_layout.tsx

@@ -5,7 +5,7 @@ import { queryClient } from '../lib/utils';
 export default function RootLayout() {
 	return (
 		<QueryClientProvider client={queryClient}>
-			<NativeTabs>
+			<NativeTabs backgroundColor="red">
 				<NativeTabs.Trigger name="index">
 					<Label>Host</Label>
 					<Icon sf="house.fill" drawable="custom_android_drawable" />

apps/mobile/src/app/index.tsx

@@ -109,11 +109,11 @@ export default function Index() {
 			contentContainerStyle={styles.scrollContent}
 			keyboardShouldPersistTaps="handled"
 		>
-			<SafeAreaView style={styles.container}>
-				<View style={styles.header}>
+			<View style={styles.container}>
+				<SafeAreaView style={styles.header}>
 					<Text style={styles.appName}>fressh</Text>
 					<Text style={styles.appTagline}>A fast, friendly SSH client</Text>
-				</View>
+				</SafeAreaView>
 				<View style={styles.card}>
 					<Text style={styles.title}>Connect to SSH Server</Text>
 					<Text style={styles.subtitle}>Enter your server credentials</Text>
@@ -218,7 +218,7 @@ export default function Index() {
 						}
 					}}
 				/>
-			</SafeAreaView>
+			</View>
 		</ScrollView>
 	);
 }

docs/todos.md

@@ -34,6 +34,7 @@ https://github.com/betomoedano/snapai
 - https://github.com/Shopify/restyle
 - https://docs.expo.dev/versions/latest/sdk/segmented-control/
 - https://docs.expo.dev/versions/latest/sdk/ui/
+- https://github.com/nativewind/react-native-css
 
 #### SSH Conn