From ccc93af4c1627b3c780cb9810026c18d2bc9b609 Mon Sep 17 00:00:00 2001
From: Ledchig <s9826059221@gmail.com>
Date: Fri, 5 Jul 2024 04:05:28 +0500
Subject: [PATCH] fix layout for mobile

---
 src/pages/Profile/Profile.tsx |  2 +-
 src/pages/SignIn/SignIn.tsx   | 16 +++++++++-------
 src/pages/SignUp/SignUp.tsx   | 14 ++++++++------
 3 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/pages/Profile/Profile.tsx b/src/pages/Profile/Profile.tsx
index 06f3e4c..b36cb75 100644
--- a/src/pages/Profile/Profile.tsx
+++ b/src/pages/Profile/Profile.tsx
@@ -45,7 +45,7 @@ const Profile = () => {
     <div className="flex flex-col items-center gap-6">
       <LayoutForm>
         <form
-          className="flex w-96 flex-col items-center gap-9"
+          className="flex w-80 md:w-96 flex-col items-center gap-9"
           onSubmit={handleSubmit(onSubmit)}
         >
           <h1 className="text-2xl font-bold leading-7">Изменение данных</h1>
diff --git a/src/pages/SignIn/SignIn.tsx b/src/pages/SignIn/SignIn.tsx
index 206135c..b495c5b 100644
--- a/src/pages/SignIn/SignIn.tsx
+++ b/src/pages/SignIn/SignIn.tsx
@@ -19,7 +19,7 @@ const SignIn = () => {
     reValidateMode: 'onChange',
     shouldUnregister: true,
   })
-  
+
   const navigate = useNavigate()
 
   const dispatch = useAppDispatch()
@@ -44,7 +44,7 @@ const SignIn = () => {
     <div className="flex flex-col items-center gap-6">
       <LayoutForm>
         <form
-          className="flex w-96 flex-col items-center gap-9"
+          className="flex w-64 flex-col items-center gap-9 md:w-96"
           onSubmit={handleSubmit(onSubmit)}
         >
           <h1 className="text-2xl font-bold leading-7">Авторизация</h1>
@@ -80,11 +80,13 @@ const SignIn = () => {
           </div>
         </form>
       </LayoutForm>
-      <div>
-        Ещё не зарегистрированы?{' '}
-        <a className="underline hover:no-underline" href="/sign-up">
-          Зарегистрироваться
-        </a>
+      <div className="flex justify-center text-sm md:text-base">
+        <p>
+          Ещё не зарегистрированы?{' '}
+          <a className="underline hover:no-underline" href="/sign-up">
+            Зарегистрироваться
+          </a>
+        </p>
       </div>
     </div>
   )
diff --git a/src/pages/SignUp/SignUp.tsx b/src/pages/SignUp/SignUp.tsx
index 67690cc..dbb790c 100644
--- a/src/pages/SignUp/SignUp.tsx
+++ b/src/pages/SignUp/SignUp.tsx
@@ -44,7 +44,7 @@ const SignUp = () => {
     <div className="flex flex-col items-center gap-6">
       <LayoutForm>
         <form
-          className="flex w-96 flex-col items-center gap-9"
+          className="flex w-80 flex-col items-center gap-9 md:w-96"
           onSubmit={handleSubmit(onSubmit)}
         >
           <h1 className="text-2xl font-bold leading-7">Регистрация</h1>
@@ -79,11 +79,13 @@ const SignUp = () => {
           </div>
         </form>
       </LayoutForm>
-      <div>
-        Уже зарегистрированы?{' '}
-        <a className="underline hover:no-underline" href="/sign-in">
-          Войти
-        </a>
+      <div className="flex justify-center text-sm md:text-base">
+        <p>
+          Уже зарегистрированы?{' '}
+          <a className="underline hover:no-underline" href="/sign-in">
+            Войти
+          </a>
+        </p>
       </div>
     </div>
   )