From ea337b28bd692f94e517c5bd9ae98dd79a413e09 Mon Sep 17 00:00:00 2001
From: Erik Figueiredo <erik.figueiredo@gmail.com>
Date: Thu, 12 Sep 2024 02:26:54 -0300
Subject: [PATCH] feat: login mobile

---
 src/layouts/default/login.layout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/default/login.layout.tsx b/src/layouts/default/login.layout.tsx
index fb00a87..b98b7cf 100644
--- a/src/layouts/default/login.layout.tsx
+++ b/src/layouts/default/login.layout.tsx
@@ -25,9 +25,9 @@ export const LoginLayout = () => {
 
   return (
     <div className={isDarkMode ? 'dark' : ''}>
-      <div className="grid grid-cols-2 h-screen">
+      <div className="lg:grid lg:grid-cols-2 h-screen">
 
-        <div className="flex justify-center items-center bg-gray-300 relative">
+        <div className="hidden lg:flex justify-center items-center bg-gray-300 relative">
           <CardBackground src="/programmer.jpeg" className="bg-dark/80 rounded-full text-white flex flex-col gap-16 items-center justify-around">
             <div className="flex items-center gap-3">
               <Rounded><Img src="/logo.png" width={50} height={50} /></Rounded>
@@ -37,7 +37,7 @@ export const LoginLayout = () => {
           </CardBackground>
         </div>
 
-        <div className="flex justify-center items-center bg-gray-200 dark:text-white dark:bg-gray-800 p-4">
+        <div className="flex justify-center items-center bg-gray-200 dark:text-white dark:bg-gray-800 p-4 h-screen">
           <FormContainer style={{ maxWidth: 400, width: '100%' }} onSubmit={submit}>
             <Card className='flex gap-6 flex-col'>
               <Typography type="h2" className="flex items-center gap-3">