From c49beb917a3c3bdb8e33070a83ff9dc29381cbab Mon Sep 17 00:00:00 2001
From: Luis Felix <lfelix3011@gmail.com>
Date: Thu, 29 Aug 2024 11:53:38 -0400
Subject: [PATCH 1/2] OV-84: * Make auth layout responsive

---
 frontend/src/bundles/auth/pages/auth.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/bundles/auth/pages/auth.tsx b/frontend/src/bundles/auth/pages/auth.tsx
index 26f0ef42e..80ebac358 100644
--- 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,7 @@ 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>
     );
 };

From 010f720f9fc72664daf6fd0b06701f3bd29c73b4 Mon Sep 17 00:00:00 2001
From: Luis Felix <lfelix3011@gmail.com>
Date: Thu, 29 Aug 2024 12:08:04 -0400
Subject: [PATCH 2/2] OV-87: * Run Prettier

---
 frontend/src/bundles/auth/pages/auth.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/bundles/auth/pages/auth.tsx b/frontend/src/bundles/auth/pages/auth.tsx
index 80ebac358..deae7cbd2 100644
--- a/frontend/src/bundles/auth/pages/auth.tsx
+++ b/frontend/src/bundles/auth/pages/auth.tsx
@@ -64,7 +64,12 @@ const Auth: React.FC = () => {
             )}
             <Center bgColor="background.600">{getScreen(pathname)}</Center>
             {/* TODO: Add logo */}
-            <Center bgColor="background.900" display={{ base: 'none', sm: 'flex' }}>LOGO</Center>
+            <Center
+                bgColor="background.900"
+                display={{ base: 'none', sm: 'flex' }}
+            >
+                LOGO
+            </Center>
         </SimpleGrid>
     );
 };