aboutsummaryrefslogtreecommitdiffstats
path: root/apps/mobile/components/ui
diff options
context:
space:
mode:
authorMohamed Bassem <me@mbassem.com>2026-02-01 18:16:22 +0000
committerMohamed Bassem <me@mbassem.com>2026-02-01 18:31:18 +0000
commitbf5c99cb10a0b35b0101bf8f9858c176889a0284 (patch)
tree9f9181bac6218e5614ebf19c11fdd1d197147206 /apps/mobile/components/ui
parentfc24cc3a14e7e2d853702a51204835d30ffca253 (diff)
downloadkarakeep-bf5c99cb10a0b35b0101bf8f9858c176889a0284.tar.zst
feat(mobile): use native tabs for mobile
Diffstat (limited to 'apps/mobile/components/ui')
-rw-r--r--apps/mobile/components/ui/CustomSafeAreaView.tsx3
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