From e62f4802e24bfb863d71188c9730340876be356f Mon Sep 17 00:00:00 2001
From: Netcup Gituser <netcup@umbach.dev>
Date: Mon, 11 Dec 2023 15:34:34 +0100
Subject: [PATCH] changed navigation style

---
 src/navigation/navigation.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/navigation/navigation.tsx b/src/navigation/navigation.tsx
index 1e93646..742c59c 100644
--- a/src/navigation/navigation.tsx
+++ b/src/navigation/navigation.tsx
@@ -38,8 +38,6 @@ export default function Navigation() {
   const currentUser =
     reduxStore.getState().appVariables.preferences.selectedAccount;
 
-  console.log('NAVIGATION', currentUser);
-
   return (
     <Stack.Navigator
       screenOptions={{
@@ -116,11 +114,12 @@ function CustomTabBar(props: BottomTabBarProps) {
       <View
         style={{
           flexDirection: 'row',
-          margin: 10,
+          padding: 6,
           backgroundColor: currentTheme.backgroundDark300,
-          borderRadius: 20,
-          position: 'absolute',
+          borderTopLeftRadius: 20,
+          borderTopRightRadius: 20,
           zIndex: 100,
+          position: 'absolute',
           bottom: 0,
           borderColor: currentTheme.backgroundDark300,
           borderWidth: 3,
@@ -149,7 +148,7 @@ function CustomTabBar(props: BottomTabBarProps) {
 
           const gradientColors = isFocused
             ? [currentTheme.secondary200, currentTheme.primary400]
-            : [currentTheme.backgroundDark300, currentTheme.backgroundDark300];
+            : [currentTheme.backgroundDark400, currentTheme.backgroundDark400];
 
           return (
             <MyTouchableOpacity
@@ -161,6 +160,7 @@ function CustomTabBar(props: BottomTabBarProps) {
                 flex: 1,
                 alignItems: 'center',
                 justifyContent: 'center',
+                backgroundColor: currentTheme.backgroundDark400,
                 borderRadius: 20,
                 marginRight: state.routes.length - 1 !== index ? 4 : 0,
               }}>