A personal media tracker built on the AT Protocol
opnshelf.xyz
fix: mobile profie nav
+20
-17
+13
-10
apps/mobile/app/_layout.tsx
+13
-10
apps/mobile/app/_layout.tsx
···
2
2
import { Stack } from "expo-router";
3
3
import { StatusBar } from "expo-status-bar";
4
4
import { useCallback, useEffect, useState } from "react";
5
+
import { SafeAreaProvider } from "react-native-safe-area-context";
5
6
6
7
import { DevToolsBubble } from "react-native-react-query-devtools";
7
8
import { LoadingScreen } from "@/components/LoadingScreen";
···
81
82
}, []);
82
83
83
84
return (
84
-
<QueryClientProvider client={queryClient}>
85
-
<ThemeProvider>
86
-
<AuthProvider>
87
-
<LocaleInitializer>
88
-
<AppContent />
89
-
</LocaleInitializer>
90
-
</AuthProvider>
91
-
</ThemeProvider>
92
-
<DevToolsBubble queryClient={queryClient} />
93
-
</QueryClientProvider>
85
+
<SafeAreaProvider>
86
+
<QueryClientProvider client={queryClient}>
87
+
<ThemeProvider>
88
+
<AuthProvider>
89
+
<LocaleInitializer>
90
+
<AppContent />
91
+
</LocaleInitializer>
92
+
</AuthProvider>
93
+
</ThemeProvider>
94
+
<DevToolsBubble queryClient={queryClient} />
95
+
</QueryClientProvider>
96
+
</SafeAreaProvider>
94
97
);
95
98
}
+7
-7
apps/web/src/routes/profile.tsx
+7
-7
apps/web/src/routes/profile.tsx
···
134
134
</div>
135
135
</div>
136
136
137
-
{/* Navigation Tabs */}
138
-
<div
139
-
className="flex gap-2 mb-8 pb-4"
140
-
style={{
141
-
borderBottom: "1px solid var(--md-sys-color-outline-variant)",
142
-
}}
143
-
>
137
+
{/* Navigation Tabs */}
138
+
<div
139
+
className="flex flex-col sm:flex-row gap-2 sm:gap-4 mb-8 pb-4"
140
+
style={{
141
+
borderBottom: "1px solid var(--md-sys-color-outline-variant)",
142
+
}}
143
+
>
144
144
<NavLink to="/profile/shelf" icon={BookOpen} label="My Shelf" />
145
145
<NavLink to="/profile/lists" icon={List} label="My Lists" />
146
146
<NavLink to="/profile/settings" icon={Settings} label="Settings" />