add css styles to drawer

2025-05-08 22:12:33 +02:00
parent 6598faf5e8
commit 0295386dac
3 changed files with 14 additions and 4 deletions
--- a/ArtisanConnect/app/(tabs)/_layout.jsx
+++ b/ArtisanConnect/app/(tabs)/_layout.jsx
@@ -1,5 +1,6 @@
 import { Tabs } from "expo-router";
 import { Ionicons } from "@expo/vector-icons";
+
 export default function TabLayout() {
  return (
    <Tabs
--- a/ArtisanConnect/app/(tabs)/dashboard/_layout.jsx
+++ b/ArtisanConnect/app/(tabs)/dashboard/_layout.jsx
@@ -2,7 +2,18 @@ import { Drawer } from "expo-router/drawer";

 export default function AccountDrawerLayout() {
  return (
-    <Drawer>
+    <Drawer
+      screenOptions={{
+        drawerActiveTintColor: "#1c1c1e",
+        drawerInactiveTintColor: "#8e8e8f",
+        drawerActiveBackgroundColor: "#f0f0f0",
+        drawerItemStyle: {
+          borderRadius: 8,
+          // backgroundColor: "transparent",
+        },
+        headerTintColor: "#1c1c1e",
+      }}
+    >
      <Drawer.Screen name="account" options={{ title: "Konto" }} />
      <Drawer.Screen
        name="userNotices"