explore Groups

src/navigation/BottomTabs.tsx

@@ -12,7 +12,7 @@ const TAB_CONFIG = {
   inactiveColor: "#8e8e93",
   backgroundColor: "#fff",
   height: 70,
-  iconSize: 26,
+  iconSize: 28,
 };
 
 // 1. Define a color map for active tabs
@@ -28,7 +28,7 @@ const activeIconColors: { [key: string]: string } = {
     Home: "#333",
     Profile: "#333",
     Group: "#333",
-    Settings: "#e17055",
+    Settings: "#333",
 }
 
 
@@ -128,14 +128,14 @@ const styles = StyleSheet.create({
     marginHorizontal: 10,
   },
   label: {
+    paddingVertical: 5,
     fontSize: 12,
-    marginBottom: 5,
   },
   iconContainer: {
     justifyContent: "center",
     alignItems: "center",
-    width: 50, // Reduced size for a sleeker look
-    height: 50, // Reduced size
+    width: 80, // Reduced size for a sleeker look
+    height: 60, // Reduced size
     marginTop: 10,
     borderRadius: 15,
   },