jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
JeffEmmett 2025-05-10 00:18:51 +00:00
parent 34e56eacea
commit b6519b193a
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/src/pages/auth-page.tsx
View File

@ -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">