From b6519b193a27e1d84c4b3b37bdc14547dc816847 Mon Sep 17 00:00:00 2001
From: JeffEmmett <20747463-JeffEmmett@users.noreply.replit.com>
Date: Sat, 10 May 2025 00:18:51 +0000
Subject: [PATCH] Improve visual feedback on login/registration tabs for better
 user experience

Adds active state styling to TabsTrigger components in AuthPage for enhanced UI.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/4df51e04-21f4-4f5c-8eeb-0064e7d1ea88.jpg
---
 client/src/pages/auth-page.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/auth-page.tsx b/client/src/pages/auth-page.tsx
index c554e18..9ec1196 100644
--- a/client/src/pages/auth-page.tsx
+++ b/client/src/pages/auth-page.tsx
@@ -79,8 +79,18 @@ export default function AuthPage() {
           <div className="md:w-1/2">
             <Tabs value={activeTab} onValueChange={(value) => setActiveTab(value as "login" | "register")} className="w-full">
               <TabsList className="grid w-full grid-cols-2 mb-8">
-                <TabsTrigger value="login">Login</TabsTrigger>
-                <TabsTrigger value="register">Sign Up</TabsTrigger>
+                <TabsTrigger 
+                  value="login"
+                  className="data-[state=active]:bg-teal/10 data-[state=active]:text-teal data-[state=active]:border-b-2 data-[state=active]:border-teal data-[state=active]:rounded-none"
+                >
+                  Login
+                </TabsTrigger>
+                <TabsTrigger 
+                  value="register"
+                  className="data-[state=active]:bg-teal/10 data-[state=active]:text-teal data-[state=active]:border-b-2 data-[state=active]:border-teal data-[state=active]:rounded-none"
+                >
+                  Sign Up
+                </TabsTrigger>
               </TabsList>
               
               <TabsContent value="login">