A personal media tracker built on the AT Protocol opnshelf.xyz
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: mobile profie nav

+20 -17
+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
··· 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" />