fix: 滚动条样式

This commit is contained in:
archer
2023-03-26 11:52:46 +08:00
parent e289c4ec53
commit 936e36205e
2 changed files with 9 additions and 17 deletions

View File

@@ -1,5 +1,5 @@
import React, { useEffect } from 'react'; 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 Navbar from './navbar';
import NavbarPhone from './navbarPhone'; import NavbarPhone from './navbarPhone';
import { useRouter } from 'next/router'; 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'}> <Box h={'100%'} position={'fixed'} left={0} top={0} w={'80px'}>
<Navbar navbarList={navbarList} /> <Navbar navbarList={navbarList} />
</Box> </Box>
<Box ml={'80px'} h={'100%'}> <Box h={'100%'} ml={'80px'}>
<Box maxW={'1100px'} m={'auto'} h={'100%'} p={7} overflowY={'auto'}> <Box h={'100%'} py={7} px={'5vw'} m={'auto'} overflowY={'auto'}>
<Auth>{children}</Auth> <Auth>{children}</Auth>
</Box> </Box>
</Box> </Box>
</> </>
) : ( ) : (
<Box pt={'60px'}> <Flex h={'100%'} flexDirection={'column'}>
<Box <Box h={'60px'} borderBottom={'1px solid rgba(0,0,0,0.1)'}>
h={'60px'}
position={'fixed'}
top={0}
left={0}
right={0}
zIndex={100}
borderBottom={'1px solid rgba(0,0,0,0.1)'}
>
<NavbarPhone navbarList={navbarList} /> <NavbarPhone navbarList={navbarList} />
</Box> </Box>
<Box py={3} px={4}> <Box flex={'1 0 0'} h={0} py={3} px={4} overflowY={'auto'}>
<Auth>{children}</Auth> <Auth>{children}</Auth>
</Box> </Box>
</Box> </Flex>
)} )}
</Box> </Box>
) : ( ) : (

View File

@@ -1,5 +1,5 @@
import React from 'react'; 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 ScrollData from '@/components/ScrollData';
import { getDataItems } from '@/api/data'; import { getDataItems } from '@/api/data';
import { usePaging } from '@/hooks/usePaging'; import { usePaging } from '@/hooks/usePaging';
@@ -13,7 +13,7 @@ const DataDetail = ({ dataName, dataId }: { dataName: string; dataId: string })
data: dataItems data: dataItems
} = usePaging<DataItemSchema>({ } = usePaging<DataItemSchema>({
api: getDataItems, api: getDataItems,
pageSize: 10, pageSize: 5,
params: { params: {
dataId dataId
} }