From 8a764659f9bdb0019ab2827f0f684c4ea4617dae Mon Sep 17 00:00:00 2001 From: Arushi28-hub Date: Fri, 29 May 2026 21:29:00 +0530 Subject: [PATCH 1/3] update signup --- apps/web-dashboard/src/pages/Signup.jsx | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/apps/web-dashboard/src/pages/Signup.jsx b/apps/web-dashboard/src/pages/Signup.jsx index 1df0fec94..2416445e6 100644 --- a/apps/web-dashboard/src/pages/Signup.jsx +++ b/apps/web-dashboard/src/pages/Signup.jsx @@ -1,6 +1,6 @@ import { useEffect, useMemo, useState } from 'react'; import toast from 'react-hot-toast'; -import { Eye, EyeOff, Github, Lock, Mail, UserRound } from 'lucide-react'; +import { Eye, EyeOff, Github, Home, Lock, Mail, UserRound } from 'lucide-react'; import { useNavigate } from 'react-router-dom'; import AuthShell from '../components/AuthShell'; @@ -104,6 +104,15 @@ function Signup() { alternateTo="/login" >
+ + + ) : ( + {modeLabel} + )} {title ?

{title}

: null} {subtitle ?

{subtitle}

: null} diff --git a/apps/web-dashboard/src/index.css b/apps/web-dashboard/src/index.css index 2cce8fb7f..adbf751ec 100644 --- a/apps/web-dashboard/src/index.css +++ b/apps/web-dashboard/src/index.css @@ -861,6 +861,21 @@ select option { text-transform: uppercase; } +.auth-form-card__mode--clickable { + cursor: pointer; + transition: all 0.2s ease; +} + +.auth-form-card__mode--clickable:hover { + background: var(--color-auth-mode-bg); + color: var(--color-primary); + text-decoration: underline; +} + +.auth-form-card__mode--clickable:active { + opacity: 0.8; +} + .auth-form-card__header h1 { margin-bottom: 0.4rem; color: var(--color-auth-heading); diff --git a/apps/web-dashboard/src/pages/Signup.jsx b/apps/web-dashboard/src/pages/Signup.jsx index 2416445e6..f5812ede4 100644 --- a/apps/web-dashboard/src/pages/Signup.jsx +++ b/apps/web-dashboard/src/pages/Signup.jsx @@ -1,6 +1,6 @@ import { useEffect, useMemo, useState } from 'react'; import toast from 'react-hot-toast'; -import { Eye, EyeOff, Github, Home, Lock, Mail, UserRound } from 'lucide-react'; +import { Eye, EyeOff, Github, Lock, Mail, UserRound } from 'lucide-react'; import { useNavigate } from 'react-router-dom'; import AuthShell from '../components/AuthShell'; @@ -96,23 +96,15 @@ function Signup() { return ( navigate('/')} > - -