mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-23 13:03:50 +00:00
fix: 滚动条样式
This commit is contained in:
@@ -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>
|
||||||
) : (
|
) : (
|
||||||
|
@@ -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
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user