update

src/screens/home/branches/ui/Branches.tsx

@@ -2,6 +2,7 @@ import { useNavigation } from '@react-navigation/native';
 import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import { useQuery } from '@tanstack/react-query';
 import { branchApi } from 'api/branch';
+import LayoutTwo from 'components/LayoutTwo';
 import NavbarBack from 'components/NavbarBack';
 import NoResult from 'components/NoResult';
 import * as React from 'react';
@@ -38,8 +39,7 @@ const Branches = (props: BranchesProps) => {
   }
 
   return (
-    <SafeAreaView style={{ flex: 1 }}>
-      <NavbarBack title={t('Filiallar ro’yxati')} />
+    <LayoutTwo title={t('Filiallar ro’yxati')}>
       <View style={styles.scrollWrapper}>
         <ScrollView contentContainerStyle={styles.scrollContainer}>
           {data &&
@@ -60,7 +60,7 @@ const Branches = (props: BranchesProps) => {
             ))}
         </ScrollView>
       </View>
-    </SafeAreaView>
+    </LayoutTwo>
   );
 };
 
@@ -76,20 +76,28 @@ const styles = StyleSheet.create({
   card: {
     backgroundColor: '#FFFFFF',
     borderRadius: 8,
-    padding: 16,
+    padding: 4,
     marginBottom: 12,
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+
+    elevation: 1,
   },
   title: {
     fontSize: 18,
+    paddingHorizontal: 5,
     fontWeight: '600',
     color: '#000',
     marginBottom: 6,
   },
   subtitle: {
     fontSize: 16,
+    paddingHorizontal: 5,
     fontWeight: '500',
     color: '#000000B2',
   },