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

(refactor) improving content responsivness

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
app/ui/UserSettingsForm.tsx
View File

@@ -282,7 +282,7 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
{ formValues.enableRevolutPayment ? (
<div className="animate-expand-fade-in origin-top">
<div className="divider mt-2 mb-2 font-bold uppercase">{t("revolut-form-title")}</div>
<div className="divider mt-2 mb-2 font-bold uppercase max-w-[14em]">{t("revolut-form-title")}</div>
<div className="form-control w-full">
<label className="label">
<span className="label-text">{t("revolut-profile-label")}</span>
@@ -370,7 +370,7 @@ export const UserSettingsForm: FC<UserSettingsFormProps> = ({ userSettings }) =>
const t = useTranslations("user-settings-form");
return (
<div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
<div className="card card-compact card-bordered max-w-[90em] bg-base-100 shadow-s my-1">
<div className="card-body">
<h2 className="card-title"><SettingsIcon className="w-6 h-6" /> {t("title")}</h2>
<form action={dispatch}>
@@ -387,7 +387,7 @@ export const UserSettingsForm: FC<UserSettingsFormProps> = ({ userSettings }) =>
export const UserSettingsFormSkeleton: FC = () => {
return (
<div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
<div className="card card-compact card-bordered max-w-[90em] bg-base-100 shadow-s my-1">
<div className="card-body">
<div className="h-8 w-32 skeleton mb-4"></div>
<div className="input w-full skeleton"></div>