From 936e36205eca829f80f6ea3636eed6f37beaf633 Mon Sep 17 00:00:00 2001
From: archer <545436317@qq.com>
Date: Sun, 26 Mar 2023 11:52:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Layout/index.tsx | 22 +++++++---------------
 src/pages/data/detail.tsx       |  4 ++--
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/components/Layout/index.tsx b/src/components/Layout/index.tsx
index 72d3a16d1..ee448021f 100644
--- a/src/components/Layout/index.tsx
+++ b/src/components/Layout/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { Box, useColorMode } from '@chakra-ui/react';
+import { Box, useColorMode, Flex } from '@chakra-ui/react';
 import Navbar from './navbar';
 import NavbarPhone from './navbarPhone';
 import { useRouter } from 'next/router';
@@ -62,29 +62,21 @@ const Layout = ({ children }: { children: JSX.Element }) => {
               <Box h={'100%'} position={'fixed'} left={0} top={0} w={'80px'}>
                 <Navbar navbarList={navbarList} />
               </Box>
-              <Box ml={'80px'} h={'100%'}>
-                <Box maxW={'1100px'} m={'auto'} h={'100%'} p={7} overflowY={'auto'}>
+              <Box h={'100%'} ml={'80px'}>
+                <Box h={'100%'} py={7} px={'5vw'} m={'auto'} overflowY={'auto'}>
                   <Auth>{children}</Auth>
                 </Box>
               </Box>
             </>
           ) : (
-            <Box pt={'60px'}>
-              <Box
-                h={'60px'}
-                position={'fixed'}
-                top={0}
-                left={0}
-                right={0}
-                zIndex={100}
-                borderBottom={'1px solid rgba(0,0,0,0.1)'}
-              >
+            <Flex h={'100%'} flexDirection={'column'}>
+              <Box h={'60px'} borderBottom={'1px solid rgba(0,0,0,0.1)'}>
                 <NavbarPhone navbarList={navbarList} />
               </Box>
-              <Box py={3} px={4}>
+              <Box flex={'1 0 0'} h={0} py={3} px={4} overflowY={'auto'}>
                 <Auth>{children}</Auth>
               </Box>
-            </Box>
+            </Flex>
           )}
         </Box>
       ) : (
diff --git a/src/pages/data/detail.tsx b/src/pages/data/detail.tsx
index c460e5290..74f915128 100644
--- a/src/pages/data/detail.tsx
+++ b/src/pages/data/detail.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Card, Table, Thead, Tbody, Tr, Th, Td, TableContainer } from '@chakra-ui/react';
+import { Box, Card } from '@chakra-ui/react';
 import ScrollData from '@/components/ScrollData';
 import { getDataItems } from '@/api/data';
 import { usePaging } from '@/hooks/usePaging';
@@ -13,7 +13,7 @@ const DataDetail = ({ dataName, dataId }: { dataName: string; dataId: string })
     data: dataItems
   } = usePaging<DataItemSchema>({
     api: getDataItems,
-    pageSize: 10,
+    pageSize: 5,
     params: {
       dataId
     }