From f3dcc090a29f0ff2f3da7dfb8bc993e3af93a93b Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Mon, 13 Apr 2026 09:50:35 +0330
Subject: [PATCH] refactor(SignIn): update layout and styling for sign-in page

- Modified the layout of the SignIn component to improve responsiveness and visual appeal.
- Adjusted the container classes for better alignment and spacing across different screen sizes.
---
 src/app/auth/sign-in/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/auth/sign-in/page.tsx b/src/app/auth/sign-in/page.tsx
index 2d551ac..6439105 100644
--- a/src/app/auth/sign-in/page.tsx
+++ b/src/app/auth/sign-in/page.tsx
@@ -7,8 +7,8 @@ export const metadata: Metadata = {
 
 export default function SignIn() {
   return (
-    <div className="flex h-svh flex-col items-center justify-center">
-      <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="flex min-h-svh w-full flex-col items-center justify-center px-4 py-8 sm:px-6 sm:py-10">
+      <div className="shadow-3xl m-auto flex w-full max-w-[26rem] flex-col items-center justify-center rounded-2xl bg-white px-4 dark:bg-gray-dark dark:shadow-card sm:max-w-md sm:px-8 md:max-w-lg lg:max-w-xl xl:w-4/12 xl:max-w-none">
         <div className="relative flex w-full flex-wrap items-center justify-center">
           <div className="w-full">
             <div className="w-full p-4 sm:p-12.5 xl:p-15">