From 4cd8498ad30e6ea5f01e81346a81a2a1134864be Mon Sep 17 00:00:00 2001
From: Biswa Kalyan Bhuyan <biswa@surgot.in>
Date: Fri, 25 Apr 2025 00:18:09 +0530
Subject: finance/frontend: fix: fixed the border of navbar, added themetoggle
 button on the login page, fixed some aligned issue with the navbar

---
 frontend/src/app/(auth)/layout.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

(limited to 'frontend/src/app/(auth)')

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">
-- 
cgit v1.2.3-59-g8ed1b