knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: improve LocationEditForm fieldset styling and formatting

Browse Source 
- Wrap location name input in styled fieldset matching other sections
- Add consistent bg-base-200 border styling to location name fieldset
- Fix indentation and whitespace for better code consistency
- Remove trailing whitespace throughout the file

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-11-24 21:04:21 +01:00
parent e554fe3cb2
commit a2ccde16e5
1 changed files with 71 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/ui/LocationEditForm.tsx
View File

@@ -65,8 +65,9 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
<TrashIcon className="h-[1em] w-[1em] text-error text-2xl" /> <TrashIcon className="h-[1em] w-[1em] text-error text-2xl" />
</Link> </Link>
} }
<fieldset className="fieldset mt-2 p-2"> <fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4 pb-2 pt-3 mt-4">
<legend className="fieldset-legend font-semibold uppercase">{t("location-name-legend")}</legend> <legend className="fieldset-legend font-semibold uppercase text-base">{t("location-name-legend")}</legend>
<fieldset className="fieldset p-2 pt-0">
<input id="locationName" <input id="locationName"
name="locationName" name="locationName"
type="text" type="text"
@@ -84,6 +85,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
))} ))}
</div> </div>
</fieldset> </fieldset>
</fieldset>
<fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4 pb-2 mt-4"> <fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4 pb-2 mt-4">
<legend className="fieldset-legend font-semibold uppercase text-base">{t("tenant-payment-instructions-legend")}</legend> <legend className="fieldset-legend font-semibold uppercase text-base">{t("tenant-payment-instructions-legend")}</legend>
@@ -116,7 +118,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
</select> </select>
</fieldset> </fieldset>
{ formValues.tenantPaymentMethod === "iban" && userSettings?.enableIbanPayment ? ( {formValues.tenantPaymentMethod === "iban" && userSettings?.enableIbanPayment ? (
<> <>
<div className="divider mt-4 mb-2 font-bold uppercase">{t("iban-payment--form-title")}</div> <div className="divider mt-4 mb-2 font-bold uppercase">{t("iban-payment--form-title")}</div>
<div className="form-control w-full"> <div className="form-control w-full">
@@ -270,7 +272,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
<select defaultValue={formValues.rentDueDay} <select defaultValue={formValues.rentDueDay}
className="select input-bordered w-full" className="select input-bordered w-full"
name="rentDueDay" name="rentDueDay"
onChange={(e) => handleInputChange("rentDueDay", parseInt(e.target.value,10)) onChange={(e) => handleInputChange("rentDueDay", parseInt(e.target.value, 10))
}> }>
{Array.from({ length: 28 }, (_, i) => i + 1).map(day => ( {Array.from({ length: 28 }, (_, i) => i + 1).map(day => (
<option key={day} value={day}>{day}</option> <option key={day} value={day}>{day}</option>