From 77857d55753410dc090486f5fd2b2a1798cf7f1a Mon Sep 17 00:00:00 2001
From: Rafi Arrafif <rafiarrafif05@gmail.com>
Date: Tue, 5 Aug 2025 10:23:15 +0700
Subject: [PATCH] :building_construction: creating layouts for login and signup

---
 app/(auth)/layout.tsx                    | 12 ++++++++++++
 app/(auth)/log-in/page.tsx               | 12 ++++++++++++
 app/{(clean) => (auth)}/sign-up/page.tsx |  0
 app/(clean)/layout.tsx                   |  7 -------
 app/(clean)/log-in/page.tsx              | 20 --------------------
 widgets/login/loginCard/EmailForm.tsx    |  2 +-
 widgets/login/loginCard/Index.tsx        |  2 +-
 7 files changed, 26 insertions(+), 29 deletions(-)
 create mode 100644 app/(auth)/layout.tsx
 create mode 100644 app/(auth)/log-in/page.tsx
 rename app/{(clean) => (auth)}/sign-up/page.tsx (100%)
 delete mode 100644 app/(clean)/layout.tsx
 delete mode 100644 app/(clean)/log-in/page.tsx

diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx
new file mode 100644
index 0000000..98282d1
--- /dev/null
+++ b/app/(auth)/layout.tsx
@@ -0,0 +1,12 @@
+import React from "react";
+
+const clearLayout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
+  return (
+    <div className="relative w-screen h-screen bg-red-500 bg-[url('/assets/pages/login/a78h12j89a01n.jpg')] bg-cover bg-center">
+      <div className="fixed z-0 w-screen h-screen backdrop-blur-xl bg-black/60" />
+      {children}
+    </div>
+  );
+};
+
+export default clearLayout;
diff --git a/app/(auth)/log-in/page.tsx b/app/(auth)/log-in/page.tsx
new file mode 100644
index 0000000..98fff1f
--- /dev/null
+++ b/app/(auth)/log-in/page.tsx
@@ -0,0 +1,12 @@
+import LoginCard from "@/widgets/login/loginCard/Index";
+import React from "react";
+
+const page = () => {
+  return (
+    <div className="fixed z-10 w-screen h-screen flex justify-center items-center -mt-12">
+      <LoginCard />
+    </div>
+  );
+};
+
+export default page;
diff --git a/app/(clean)/sign-up/page.tsx b/app/(auth)/sign-up/page.tsx
similarity index 100%
rename from app/(clean)/sign-up/page.tsx
rename to app/(auth)/sign-up/page.tsx
diff --git a/app/(clean)/layout.tsx b/app/(clean)/layout.tsx
deleted file mode 100644
index df396bc..0000000
--- a/app/(clean)/layout.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from "react";
-
-const clearLayout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
-  return <div>{children}</div>;
-};
-
-export default clearLayout;
diff --git a/app/(clean)/log-in/page.tsx b/app/(clean)/log-in/page.tsx
deleted file mode 100644
index dec8a19..0000000
--- a/app/(clean)/log-in/page.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import LoginCard from "@/widgets/login/loginCard/Index";
-import React from "react";
-
-const page = () => {
-  return (
-    <>
-      {/* Fixed background overlay */}
-      <div className="relative w-screen h-screen bg-red-500 bg-[url('/assets/pages/login/a78h12j89a01n.jpg')] bg-cover bg-center">
-        {/* Fixed background overlay */}
-        <div className="fixed z-0 w-screen h-screen backdrop-blur-xl bg-black bg-opacity-70" />
-        {/* Login card centered on the screen */}
-        <div className="fixed z-10 w-screen h-screen flex justify-center items-center">
-          <LoginCard />
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default page;
diff --git a/widgets/login/loginCard/EmailForm.tsx b/widgets/login/loginCard/EmailForm.tsx
index 6b673b2..64d53c9 100644
--- a/widgets/login/loginCard/EmailForm.tsx
+++ b/widgets/login/loginCard/EmailForm.tsx
@@ -6,7 +6,7 @@ const EmailForm = () => {
     // Form component to handle email input
     <Form className="mt-12 sm:mt-8">
       <Input
-        className="w-full sm:w-[420px] "
+        className="w-full "
         label="Email"
         type="email"
         variant="bordered"
diff --git a/widgets/login/loginCard/Index.tsx b/widgets/login/loginCard/Index.tsx
index bb73524..b9ead72 100644
--- a/widgets/login/loginCard/Index.tsx
+++ b/widgets/login/loginCard/Index.tsx
@@ -8,7 +8,7 @@ import { routes } from "@/shared/config/routes";
 
 const LoginCard = () => {
   return (
-    <Card className="px-6 sm:px-8 py-12 sm:py-8 h-screen sm:h-auto w-screen sm:w-auto">
+    <Card className="px-6 sm:px-8 py-12 sm:py-8 h-screen sm:h-auto w-screen sm:w-[460px]">
       <h1 className="text-3xl font-light text-center">Welcome Back</h1>
 
       {/* Email form */}