From 677e457dc1c466d49b99b6a27ffcffb9713aa6d3 Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Mon, 9 Mar 2026 13:00:42 +0330
Subject: [PATCH] Redesign Login page, Add Theme toggle button and logo in
 login card

---
 src/app/auth/sign-in/page.tsx              | 4 ++--
 src/components/Auth/Signin/index.tsx       | 5 +++++
 src/components/Auth/SigninWithPassword.tsx | 4 ++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/app/auth/sign-in/page.tsx b/src/app/auth/sign-in/page.tsx
index 87571ba..2d551ac 100644
--- a/src/app/auth/sign-in/page.tsx
+++ b/src/app/auth/sign-in/page.tsx
@@ -8,9 +8,9 @@ export const metadata: Metadata = {
 export default function SignIn() {
   return (
     <div className="flex h-svh flex-col items-center justify-center">
-      <div className="shadow-3xl m-auto flex w-1/2 flex-col items-center justify-center rounded-2xl bg-white dark:bg-gray-dark dark:shadow-card">
+      <div className="shadow-3xl px-8 m-auto flex w-4/12 flex-col items-center justify-center rounded-2xl bg-white dark:bg-gray-dark dark:shadow-card">
         <div className="relative flex w-full flex-wrap items-center justify-center">
-          <div className="w-full xl:w-1/2">
+          <div className="w-full">
             <div className="w-full p-4 sm:p-12.5 xl:p-15">
               <Signin />
             </div>
diff --git a/src/components/Auth/Signin/index.tsx b/src/components/Auth/Signin/index.tsx
index f289398..36f8120 100644
--- a/src/components/Auth/Signin/index.tsx
+++ b/src/components/Auth/Signin/index.tsx
@@ -1,9 +1,14 @@
+"use client";
+import { Logo } from "@/components/logo";
 import SigninWithPassword from "../SigninWithPassword";
 
 export default function Signin() {
   return (
     <>
       <div>
+        <div className="flex items-center justify-center my-10">
+          <Logo />
+        </div>
         <SigninWithPassword />
       </div>
     </>
diff --git a/src/components/Auth/SigninWithPassword.tsx b/src/components/Auth/SigninWithPassword.tsx
index b7e12cf..0b22163 100644
--- a/src/components/Auth/SigninWithPassword.tsx
+++ b/src/components/Auth/SigninWithPassword.tsx
@@ -28,8 +28,8 @@ export default function SigninWithPassword() {
     });
   };
   return (
-    <form onSubmit={handleSubmit(onSubmit)}>
-      <div className="absolute right-4 top-4">
+    <form onSubmit={handleSubmit(onSubmit)} className="mt-5">
+      <div className="absolute top-7 right-0">
         <ThemeToggleSwitch />
       </div>
       <InputGroup