UI revised for registration

This commit is contained in:
rgrgogu
2026-07-15 22:10:05 +08:00
parent 35fb6a3544
commit 07e8ab2a01
2 changed files with 26 additions and 11 deletions
+11 -2
View File
@@ -241,6 +241,7 @@ export function RegisterForm({ className, ...props }) {
<Input
id="given_name"
placeholder="Juan"
className="text-sm"
{...regPersonal('given_name')}
/>
{errPersonal.given_name && (
@@ -255,6 +256,7 @@ export function RegisterForm({ className, ...props }) {
<Input
id="last_name"
placeholder="Dela Cruz"
className="text-sm"
{...regPersonal('last_name')}
/>
{errPersonal.last_name && (
@@ -272,6 +274,7 @@ export function RegisterForm({ className, ...props }) {
<Input
id="middle_name"
placeholder="Santos"
className="text-sm"
{...regPersonal('middle_name')}
/>
{errPersonal.middle_name && (
@@ -289,6 +292,7 @@ export function RegisterForm({ className, ...props }) {
<Input
id="extension_name"
placeholder="Jr., Sr., III"
className="text-sm"
{...regPersonal('extension_name')}
/>
{errPersonal.extension_name && (
@@ -304,6 +308,7 @@ export function RegisterForm({ className, ...props }) {
id="date_of_birth"
type="date"
max={new Date().toISOString().split('T')[0]}
className="text-sm"
{...regPersonal('date_of_birth')}
/>
{errPersonal.date_of_birth && (
@@ -320,6 +325,7 @@ export function RegisterForm({ className, ...props }) {
<Input
id="occupation"
placeholder="e.g. Real Estate Broker"
className="text-sm"
{...regPersonal('occupation')}
/>
{errPersonal.occupation && (
@@ -336,6 +342,7 @@ export function RegisterForm({ className, ...props }) {
id="phone"
type="tel"
placeholder="+63 912 345 6789"
className="text-sm"
{...regPersonal('phone')}
/>
{errPersonal.phone && (
@@ -388,6 +395,7 @@ export function RegisterForm({ className, ...props }) {
disabled={isRegistering}
readOnly
onFocus={(e) => e.target.removeAttribute('readonly')}
className="text-sm"
{...regCreds('email')}
/>
{errCreds.email && (
@@ -407,7 +415,7 @@ export function RegisterForm({ className, ...props }) {
placeholder="Min. 8 chars, 1 uppercase, 1 number"
autoComplete="new-password"
disabled={isRegistering}
className="pr-10"
className="pr-10 text-sm"
{...regCreds('password')}
/>
<Button
@@ -437,7 +445,7 @@ export function RegisterForm({ className, ...props }) {
placeholder="Repeat your password"
autoComplete="new-password"
disabled={isRegistering}
className="pr-10"
className="pr-10 text-sm"
{...regCreds('confirm_password')}
/>
<Button
@@ -465,6 +473,7 @@ export function RegisterForm({ className, ...props }) {
id="group_code"
placeholder="No group code"
disabled
className="text-sm"
{...regCreds('group_code')}
/>
<p className="text-xs text-muted-foreground">