Maximus upgradus

app/(tabs)/_layout.tsx

@@ -1,10 +1,12 @@
 import { Tabs } from "expo-router";
 import { useColorScheme } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { MaterialIcons } from "@expo/vector-icons";
 
 export default function TabLayout() {
   const colorScheme = useColorScheme();
   const isDark = colorScheme === "dark";
+  const insets = useSafeAreaInsets();
 
   return (
     <Tabs
@@ -15,8 +17,8 @@ export default function TabLayout() {
         tabBarStyle: {
           backgroundColor: isDark ? "#09090b" : "#ffffff",
           borderTopColor: isDark ? "#27272a" : "#f4f4f5",
-          height: 56,
-          paddingBottom: 8,
+          height: 56 + insets.bottom,
+          paddingBottom: 8 + insets.bottom,
           paddingTop: 6,
         },
         tabBarLabelStyle: {
@@ -34,24 +36,8 @@ export default function TabLayout() {
           ),
         }}
       />
-      <Tabs.Screen
-        name="codex"
-        options={{
-          title: "Codex",
-          tabBarIcon: ({ color, size }) => (
-            <MaterialIcons name="auto-awesome" size={size} color={color} />
-          ),
-        }}
-      />
-      <Tabs.Screen
-        name="claude"
-        options={{
-          title: "Claude",
-          tabBarIcon: ({ color, size }) => (
-            <MaterialIcons name="psychology" size={size} color={color} />
-          ),
-        }}
-      />
+      <Tabs.Screen name="codex" options={{ href: null }} />
+      <Tabs.Screen name="claude" options={{ href: null }} />
       <Tabs.Screen
         name="settings"
         options={{