refactor: Align form validation UX across management dialogs

This commit is contained in:
2026-06-18 11:05:31 +05:30
parent d7c4027328
commit 9695c80e20
23 changed files with 1458 additions and 1017 deletions

View File

@@ -6,6 +6,7 @@ import { PasswordField } from '@/components/form';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { Label } from '@/components/ui/label';
import { AuthBackground } from '@/components/auth/AuthBackground';
import { GuestGuard } from '@/guards';
import { useLoginForm } from '@/hooks/useLoginForm';
import { ROUTES } from '@/utils/routes';
@@ -17,8 +18,8 @@ export default function LoginPage() {
return (
<GuestGuard>
<div className="flex min-h-screen w-full">
<div className="hidden md:flex w-[40%]" />
<div className="flex flex-1 md:w-[60%] items-center justify-center p-6 border-l border-border h-screen">
<AuthBackground />
<div className="flex flex-1 md:w-1/2 items-center justify-center p-6 border-l border-border h-screen">
<section className="w-full max-w-sm space-y-7">
<header className="space-y-2 text-center md:text-left">
<p className="text-sm font-medium text-muted-foreground">