/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/components/SideMenuLayout.tsx
34 строки
848 B
notmd
Rework chat layout UI (#2741)
21 апр 2023, 21:03
Не верифицирован
21 апр 2023, 21:03
acc88e3
Код
Авторство
О чём код?
import { Box } from "@chakra-ui/react"; import { PropsWithChildren } from "react"; import { SIDE_MENU_WIDTH, SideMenu, SideMenuProps } from "src/components/SideMenu"; import { colors } from "src/styles/Theme/colors"; export const SideMenuLayout = ({ items, children }: PropsWithChildren<SideMenuProps>) => { return ( <Box display="flex" flexDirection={{ base: "column", md: "row" }} px={{ base: 3, lg: 6 }} py="6" position="relative" bg="gray.100" _dark={{ bg: colors.dark.bg, }} > <SideMenu items={items} /> <Box display="block" w="full" ms={{ md: 4, lg: 6 }} ps={{ md: SIDE_MENU_WIDTH.MD, lg: SIDE_MENU_WIDTH.LG, }} mt={{ base: 6, md: 0 }} > {children} </Box> </Box> ); };