Merge pull request #91 from BinaryStudioAcademy/task/OV-87-make-page-…

…responsive OV-87: Make Auth Responsive
BinaryStudioAcademy · Aug 29, 2024 · 34b8fc8 · 34b8fc8
2 parents 71e1a86 + 010f720
commit 34b8fc8
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/frontend/src/bundles/auth/pages/auth.tsx b/frontend/src/bundles/auth/pages/auth.tsx
@@ -55,7 +55,7 @@ const Auth: React.FC = () => {
     };
 
     return (
-        <SimpleGrid columns={2} height="100vh">
+        <SimpleGrid columns={{ base: 1, sm: 2 }} height="100vh">
             {/* TODO: Replace with valid loader */}
             {dataStatus === DataStatus.PENDING && (
                 <p style={{ position: 'absolute', top: 0, color: 'white' }}>
@@ -64,7 +64,12 @@ const Auth: React.FC = () => {
             )}
             <Center bgColor="background.600">{getScreen(pathname)}</Center>
             {/* TODO: Add logo */}
-            <Center bgColor="background.900">LOGO</Center>
+            <Center
+                bgColor="background.900"
+                display={{ base: 'none', sm: 'flex' }}
+            >
+                LOGO
+            </Center>
         </SimpleGrid>
     );
 };