implementing scaling of theme

This commit is contained in:
Lucian Petri
2022-12-30 01:29:12 +02:00
parent c204fbdef1
commit fc64fd6e60
10 changed files with 87 additions and 68 deletions
+3 -4
View File
@@ -1,14 +1,13 @@
import { Box, useColorModeValue } from "@chakra-ui/react";
import { Container } from "@chakra-ui/react";
export function AuthLayout({ children }) {
const backgroundColor = useColorModeValue("#FFFFFF", "#000000");
return (
<Box backgroundColor={backgroundColor} className="flex items-center justify-center sm:py-4 subpixel-antialiased">
<Container className="flex items-center justify-center sm:py-4 subpixel-antialiased">
<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>
</Container>
);
}