feat: adjust separator line

thu-info-community · Oct 30, 2024 · 92e38ef · 92e38ef
1 parent 6502621
commit 92e38ef
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/apps/thu-info-app/src/ui/home/networkOnlineDevices.tsx b/apps/thu-info-app/src/ui/home/networkOnlineDevices.tsx
@@ -17,7 +17,8 @@ import {
 import themes from "../../assets/themes/themes";
 import {RoundedView} from "../../components/views";
 import {useHeaderHeight} from "@react-navigation/elements";
-import {getStatusBarHeight} from "react-native-safearea-height";
+import { getStatusBarHeight } from "react-native-safearea-height";
+import { styles } from "../settings/settings";
 
 const DeviceCard = ({device, refresh}: {device: Device; refresh: Function}) => {
 	const themeName = useColorScheme();
@@ -66,11 +67,12 @@ const DeviceCard = ({device, refresh}: {device: Device; refresh: Function}) => {
 					{device.ip4}
 				</Text>
 				<View
-					style={{
-						borderWidth: 0.4,
-						marginVertical: 12,
-						borderColor: colors.themeGrey,
-					}}
+					style={
+						[styles(themeName).separator,
+						{
+							marginVertical: 12,
+						}]
+					}
 				/>
 				<Item left={getStr("ip6")} right={device.ip6} />
 				<Item left={getStr("nasIP")} right={device.nasIp} />