feat:优化显示

src/frontend/src/components/system/PageContainer.jsx

@@ -8,7 +8,7 @@ import { Box } from '@chakra-ui/react';
  */
 const PageContainer = ({ children }) => {
   return (
-    <Box pt={'80px'} px={6}>
+    <Box pt={'85px'} px={6}>
       {children}
     </Box>
   );

src/frontend/src/pages/ScanPage.jsx

@@ -52,6 +52,7 @@ const ScanPage = () => {
         })),
       });
       setNetworkAdapters(networkCollection);
+      setLocalIp(config.backendUrl);
     });
   }, []);
 
@@ -186,25 +187,29 @@ const ScanPage = () => {
                 </Field.Root>
 
                 <Button
+                  mb={-7}
                   onClick={() => setInputMode(!inputMode)}
                   colorPalette={'blue'}
                   variant={'outline'}
                 >
-                  {inputMode ? '切换为选择模式' : '切换为输入模式'}
+                  {inputMode ? '关闭自定义' : '自定义网段'}
                 </Button>
               </HStack>
 
               {inputMode ? (
-                <Input
+                <FadeInWrapper delay={0.1} yOffset={-2}>
-                  placeholder={'输入子网 (如 192.168.1.0/24)'}
+                  <Input
-                  value={subnet}
+                    mb={4}
-                  onChange={(e) => setSubnet(e.target.value)}
+                    placeholder={'输入子网 (如 192.168.1.0/24)'}
-                  width={'300px'}
+                    value={subnet}
-                  bg={'whiteAlpha.200'}
+                    onChange={(e) => setSubnet(e.target.value)}
-                />
+                    width={'300px'}
+                    bg={'whiteAlpha.200'}
+                  />
+                </FadeInWrapper>
               ) : null}
 
-              <HStack mb={4} spacing={4}>
+              <HStack mb={5} spacing={4}>
                 <Button
                   onClick={handleScan}
                   isLoading={loading}