From 2c0527a37092b5e761266775c31e13964dbde4c2 Mon Sep 17 00:00:00 2001 From: Beezarment Date: Sun, 18 Jan 2026 15:01:34 +0100 Subject: [PATCH 1/2] fix: fixing responsiveness on login and sign up page --- app/SignUp/page.tsx | 107 +++++++++++++++++++++++--------------------- app/login/page.tsx | 38 +++++++--------- 2 files changed, 71 insertions(+), 74 deletions(-) diff --git a/app/SignUp/page.tsx b/app/SignUp/page.tsx index df77cdc..40c1eb6 100644 --- a/app/SignUp/page.tsx +++ b/app/SignUp/page.tsx @@ -49,68 +49,71 @@ export default function SignUpPage() { return (
-
-
-
-

- Create an account -

-
- - -
-
- -
+
+
+
+

+ Create an account +

+
+ -
-
-
- -
- - +
+
+
+ +
+ + +
+
+
+
-
- -
-
); } \ No newline at end of file diff --git a/app/login/page.tsx b/app/login/page.tsx index 2c903c8..cfab9d8 100644 --- a/app/login/page.tsx +++ b/app/login/page.tsx @@ -76,24 +76,22 @@ function LoginForm() { return (
-
-
- +
+
-
- +
+
-
- +
- - + Forgot password ? - - - + Create account
- -
-

+
+

Other sign in methods

-
+
{services.map(service => ( + {sidebarOpen && ( +
setSidebarOpen(false)} + /> + )} +
+ setSidebarOpen(false)} /> +
+
+

Admin Dashboard

+
{["users", "services"].map((t) => ( ))}
- {tab === "users" && } {tab === "services" && }
) -} +} \ No newline at end of file diff --git a/app/Components/Area_sidebar.tsx b/app/Components/Area_sidebar.tsx index a87ec75..a94d77b 100644 --- a/app/Components/Area_sidebar.tsx +++ b/app/Components/Area_sidebar.tsx @@ -3,7 +3,12 @@ import Link from "next/link"; import { usePathname } from "next/navigation"; import { useEffect, useState } from "react"; -export default function Sidebar() { +interface SidebarProps { + isOpen?: boolean; + onClose?: () => void; +} + +export default function Sidebar({ isOpen = true, onClose }: SidebarProps) { const pathname = usePathname(); const baseStyle = "px-6 py-8 text-xl cursor-pointer block w-full h-full"; const hoverStyle = "hover:text-black hover:bg-[#FFFAFA]"; @@ -65,22 +70,26 @@ export default function Sidebar() { init(); }, []); - useEffect(() => { - }, [userRole]); + const handleLinkClick = () => { + if (onClose) { + onClose(); + } + }; if (loading) { return ( -
+
); } return ( -
-