(refactor) improving content responsivness

This commit is contained in:
Knee Cola
2025-12-07 18:41:20 +01:00
parent 51a64613ec
commit 9d06de1265
4 changed files with 8 additions and 10 deletions

View File

@@ -194,7 +194,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
</div>
</div>
</div>
) : // ELSE include hidden inputs to preserve existing values
) : // ELSE include hidden inputs to preserve existing values
<>
<input
id="tenantName"
@@ -238,7 +238,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
</select>
{
formValues.tenantPaymentMethod === "none" && formValues.proofOfPaymentType === "combined" ?
<p className="mt-4 ml-4 text-sm w-[17rem] sm:w-[28rem] text-yellow-600">
<p className="mt-4 ml-4 text-sm w-full sm:w-[30rem] text-yellow-600">
{
t.rich("proof-of-payment-attachment-type--option--combined--hint",
{
@@ -247,15 +247,13 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
)
}
</p> :
<p className="mt-4 ml-4 text-sm w-[17rem] sm:w-[28rem] italic text-gray-500">
<p className="mt-4 ml-4 text-sm w-full sm:w-[30rem] italic text-gray-500">
{
formValues.proofOfPaymentType === "combined" ?
t("proof-of-payment-attachment-type--option--combined--tooltip") :
t("proof-of-payment-attachment-type--option--per-bill--tooltip")
}
</p>
}
</fieldset>
</fieldset>