diff options
| author | Mohamed Bassem <me@mbassem.com> | 2026-02-01 18:16:22 +0000 |
|---|---|---|
| committer | Mohamed Bassem <me@mbassem.com> | 2026-02-01 18:31:18 +0000 |
| commit | bf5c99cb10a0b35b0101bf8f9858c176889a0284 (patch) | |
| tree | 9f9181bac6218e5614ebf19c11fdd1d197147206 /apps/mobile/components/ui/CustomSafeAreaView.tsx | |
| parent | fc24cc3a14e7e2d853702a51204835d30ffca253 (diff) | |
| download | karakeep-bf5c99cb10a0b35b0101bf8f9858c176889a0284.tar.zst | |
feat(mobile): use native tabs for mobile
Diffstat (limited to 'apps/mobile/components/ui/CustomSafeAreaView.tsx')
| -rw-r--r-- | apps/mobile/components/ui/CustomSafeAreaView.tsx | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/apps/mobile/components/ui/CustomSafeAreaView.tsx b/apps/mobile/components/ui/CustomSafeAreaView.tsx index 33c9a765..8e7755c2 100644 --- a/apps/mobile/components/ui/CustomSafeAreaView.tsx +++ b/apps/mobile/components/ui/CustomSafeAreaView.tsx @@ -1,4 +1,5 @@ import { SafeAreaView } from "react-native-safe-area-context"; +import { useColorScheme } from "@/lib/useColorScheme"; import { useHeaderHeight } from "@react-navigation/elements"; export default function CustomSafeAreaView({ @@ -9,11 +10,13 @@ export default function CustomSafeAreaView({ edges?: ("top" | "bottom")[]; }) { const headerHeight = useHeaderHeight(); + const { colors } = useColorScheme(); return ( <SafeAreaView style={{ flex: 1, + backgroundColor: colors.background, paddingTop: edges.includes("top") ? headerHeight > 0 ? headerHeight |