u

code/allapp/allapp-rn/src/app/(tabs)/_layout.tsx

@@ -5,7 +5,8 @@ import { useCallback, useEffect, useState } from 'react'
 import { Text, TouchableOpacity, View } from 'react-native'
 import Animated, { useAnimatedRef } from 'react-native-reanimated'
 import Sortable from 'react-native-sortables'
-import { ADivider, ADrawer, LucideIcon } from '@/components/common/ao'
+import { ADrawer, LucideIcon } from '@/components/common/ao'
+import { Divider } from '@/components/ui/divider'
 import { useNavStore } from '@/store/navigation'
 
 export default function TabsLayout() {
@@ -92,9 +93,7 @@ export default function TabsLayout() {
           <LucideIcon icon="Bot" size={24} clickable={false} strokeWidth={2} />
         </TouchableOpacity>
 
-        <ADivider
-          direction="vertical"
-        />
+        <Divider orientation="vertical" className="h-8" />
 
         <TouchableOpacity
           className="flex-1 items-center justify-center flex flex-row"
@@ -106,7 +105,7 @@ export default function TabsLayout() {
           <Text className="font-semibold text-lg ml-2">{currentNav.label}</Text>
         </TouchableOpacity>
 
-        <ADivider direction="vertical" />
+        <Divider orientation="vertical" className="h-8" />
 
         <TouchableOpacity className="w-12 items-center justify-center" onPress={refreshPage}>
           <LucideIcon icon="RefreshCcw" size={24} clickable={false} strokeWidth={2} />