From de44c40de5605962f0221ba071bd97b7bdf7404d Mon Sep 17 00:00:00 2001
From: "akash.dutta" <akash.dutta@glosity.club>
Date: Mon, 9 May 2022 15:46:42 +0530
Subject: [PATCH] login page fixed

---
 dashboard/src/layouts/AuthLayout.tsx | 37 ++++++----------------------
 1 file changed, 8 insertions(+), 29 deletions(-)

diff --git a/dashboard/src/layouts/AuthLayout.tsx b/dashboard/src/layouts/AuthLayout.tsx
index 4c2a5c6..ff179e9 100644
--- a/dashboard/src/layouts/AuthLayout.tsx
+++ b/dashboard/src/layouts/AuthLayout.tsx
@@ -1,30 +1,16 @@
-import { Box, Flex, Image, Text, Spinner, useMediaQuery, } from '@chakra-ui/react';
+import { Box, Flex, Image, Text, Spinner, useMediaQuery } from '@chakra-ui/react';
 import React from 'react';
 import { useQuery } from 'urql';
 import { MetaQuery } from '../graphql/queries';
 
 export function AuthLayout({ children }: { children: React.ReactNode }) {
 	const [{ fetching, data }] = useQuery({ query: MetaQuery });
-	  const [isNotSmallerScreen] = useMediaQuery("(min-width:600px)");
+	const [isNotSmallerScreen] = useMediaQuery('(min-width:600px)');
 	return (
-		<Flex
-			 flexWrap="wrap"
-             h="100%"
-             bg="gray.100"
-             alignItems="center"
-             justifyContent="center"
-             flexDirection="column"
-		>
-			<Flex alignItems="center">
-				<Image
-					src="https://authorizer.dev/images/logo.png"
-					alt="logo"
-					height="50"
-				/>
-				<Text    
-				    fontSize={isNotSmallerScreen ? "x-large" : "large"}
-                    ml="3"
-                   letterSpacing="3">
+		<Flex flexWrap='wrap' h='100vh' bg='gray.100' alignItems='center' justifyContent='center' flexDirection='column'>
+			<Flex alignItems='center'>
+				<Image src='https://authorizer.dev/images/logo.png' alt='logo' height='50' />
+				<Text fontSize='x-large' ml='3' letterSpacing='3'>
 					AUTHORIZER
 				</Text>
 			</Flex>
@@ -33,17 +19,10 @@ export function AuthLayout({ children }: { children: React.ReactNode }) {
 				<Spinner />
 			) : (
 				<>
-					<Box 
-					   p="6"
-                       m="5"
-                       rounded="5"
-                       bg="white"
-                       w={isNotSmallerScreen ? "450px" : "400px"}
-                       shadow="xl"
-					>
+					<Box p='6' m='5' rounded='5' bg='white' w={isNotSmallerScreen ? '500px' : '450px'} shadow='xl'>
 						{children}
 					</Box>
-					<Text color="gray.600" fontSize="sm">
+					<Text color='gray.600' fontSize='sm'>
 						Current Version: {data.meta.version}
 					</Text>
 				</>