From b5c80f36882e684ce8f1a6b39077099d92a48d2e Mon Sep 17 00:00:00 2001
From: alireza <alireza.yousefpourm@gmail.com>
Date: Tue, 14 Jan 2025 18:09:47 +0330
Subject: [PATCH] fix: Fix styles of login component

---
 frontend/src/pages/Signup/Signup.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Signup/Signup.jsx b/frontend/src/pages/Signup/Signup.jsx
index 3847cd4..50680fa 100644
--- a/frontend/src/pages/Signup/Signup.jsx
+++ b/frontend/src/pages/Signup/Signup.jsx
@@ -276,13 +276,17 @@ const LoginForm = ({ onSignUpClick }) => {
         alignItems="center"
         gap={2}
         p={8}
-        style={{ backgroundColor: 'var(--background-color)', borderRadius: 20,}}
+        className="w-full md:w-1/2 xl:w-1/3"
+        style={{ backgroundColor: 'var(--background-color)', borderRadius: 20 }}
       >
         <Typography variant="h2" fontSize={45} style={{ textAlign: 'center' }}>
           Login
         </Typography>
-        <form onSubmit={handleFormSubmit}>
-          <FormControl>
+        <form
+          onSubmit={handleFormSubmit}
+          className="w-full"
+        >
+          <FormControl className="w-full">
             <Toast
               open={openToast}
               setOpen={setOpenToast}