diff options
author | 2025-04-25 00:18:09 +0530 | |
---|---|---|
committer | 2025-04-25 00:18:09 +0530 | |
commit | 4cd8498ad30e6ea5f01e81346a81a2a1134864be (patch) | |
tree | 7b8896bb2c3242a81f615c5c41642b805b3585ce /frontend/src/app/(auth)/layout.tsx | |
parent | a3703c30807621ddd4dce7b3cae0918d79fa8de1 (diff) | |
download | finance-4cd8498ad30e6ea5f01e81346a81a2a1134864be.tar.gz finance-4cd8498ad30e6ea5f01e81346a81a2a1134864be.tar.bz2 finance-4cd8498ad30e6ea5f01e81346a81a2a1134864be.zip |
finance/frontend: fix: fixed the border of navbar, added themetoggle button on the login page, fixed some aligned issue with the navbar
Diffstat (limited to 'frontend/src/app/(auth)/layout.tsx')
-rw-r--r-- | frontend/src/app/(auth)/layout.tsx | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/frontend/src/app/(auth)/layout.tsx b/frontend/src/app/(auth)/layout.tsx index 9651b4b..6c86133 100644 --- a/frontend/src/app/(auth)/layout.tsx +++ b/frontend/src/app/(auth)/layout.tsx @@ -2,6 +2,7 @@ import { useEffect } from 'react'; import { useRouter } from 'next/navigation'; +import { ThemeToggle } from '@/components/shared/ThemeToggle'; export default function AuthLayout({ children, @@ -19,7 +20,12 @@ export default function AuthLayout({ }, [router]); return ( - <div className="flex min-h-screen flex-col items-center justify-center bg-muted/40"> + <div className="flex min-h-screen flex-col items-center justify-center bg-muted/40 relative"> + {/* Theme Toggle positioned in the top right corner */} + <div className="absolute top-4 right-4"> + <ThemeToggle /> + </div> + <div className="w-full max-w-md rounded-lg border bg-card p-6 shadow-sm"> <div className="flex flex-col space-y-2 text-center mb-6"> <h1 className="text-2xl font-semibold tracking-tight"> |