/
githubmirror
/
Open-Assistant
Обзор
Документация
Войти
/
githubmirror
/
Open-Assistant
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
website/src/components/AuthLayout.tsx
16 строк
622 B
Nguyen Minh Duc
rework layout (#2172)
24 мар 2023, 18:22
Не верифицирован
24 мар 2023, 18:22
d631e93
Код
Авторство
О чём код?
import { Box, useColorModeValue } from "@chakra-ui/react"; import { ReactNode } from "react"; export function AuthLayout({ children }: { children: ReactNode }) { const bgColorClass = useColorModeValue("gray.50", "gray.900"); return ( <Box bg={bgColorClass} className="flex items-center justify-center sm:py-4 subpixel-antialiased h-full"> <div className="flex items-center w-full max-w-2xl flex-col px-4 sm:px-6"> <div className="flex-auto items-center justify-center w-full py-10 px-4 sm:mx-0 sm:flex-none sm:rounded-2xl sm:p-4"> {children} </div> </div> </Box> ); }