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

Style placeholder text color in account form inputs

Browse Source 
Added placeholder:text-gray-600 styling to all form inputs
(firstName, lastName, address, IBAN) to visually distinguish
placeholder text from entered values.

🤖 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-17 20:44:41 +01:00
parent ba77169554
commit 666443f76e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/ui/AccountForm.tsx
View File

@@ -57,7 +57,7 @@ const FormFields: FC<FormFieldsProps> = ({ profile, errors, message }) => {
name="firstName" name="firstName"
type="text" type="text"
placeholder={t("first-name-placeholder")} placeholder={t("first-name-placeholder")}
className="input input-bordered w-full" className="input input-bordered w-full placeholder:text-gray-600"
defaultValue={profile?.firstName ?? ""} defaultValue={profile?.firstName ?? ""}
onChange={(e) => handleInputChange("firstName", e.target.value)} onChange={(e) => handleInputChange("firstName", e.target.value)}
disabled={pending} disabled={pending}
@@ -81,7 +81,7 @@ const FormFields: FC<FormFieldsProps> = ({ profile, errors, message }) => {
name="lastName" name="lastName"
type="text" type="text"
placeholder={t("last-name-placeholder")} placeholder={t("last-name-placeholder")}
className="input input-bordered w-full" className="input input-bordered w-full placeholder:text-gray-600"
defaultValue={profile?.lastName ?? ""} defaultValue={profile?.lastName ?? ""}
onChange={(e) => handleInputChange("lastName", e.target.value)} onChange={(e) => handleInputChange("lastName", e.target.value)}
disabled={pending} disabled={pending}
@@ -103,7 +103,7 @@ const FormFields: FC<FormFieldsProps> = ({ profile, errors, message }) => {
<textarea <textarea
id="address" id="address"
name="address" name="address"
className="textarea textarea-bordered w-full" className="textarea textarea-bordered w-full placeholder:text-gray-600"
placeholder={t("address-placeholder")} placeholder={t("address-placeholder")}
defaultValue={profile?.address ?? ""} defaultValue={profile?.address ?? ""}
onChange={(e) => handleInputChange("address", e.target.value)} onChange={(e) => handleInputChange("address", e.target.value)}
@@ -128,7 +128,7 @@ const FormFields: FC<FormFieldsProps> = ({ profile, errors, message }) => {
name="iban" name="iban"
type="text" type="text"
placeholder={t("iban-placeholder")} placeholder={t("iban-placeholder")}
className="input input-bordered w-full" className="input input-bordered w-full placeholder:text-gray-600"
defaultValue={formatIban(profile?.iban)} defaultValue={formatIban(profile?.iban)}
onChange={(e) => handleInputChange("iban", e.target.value)} onChange={(e) => handleInputChange("iban", e.target.value)}
disabled={pending} disabled={pending}