diff options
| author | Nikhil M Warrier <nikhilmw.dev@gmail.com> | 2026-03-15 19:23:59 +0530 |
|---|---|---|
| committer | Nikhil M Warrier <nikhilmw.dev@gmail.com> | 2026-03-15 19:23:59 +0530 |
| commit | e9bf6fb3ab0efa27993e87498c4f64833d77eb22 (patch) | |
| tree | 402dd29bcb1f45a4c8ec72b6b92e08017b72bb28 | |
| parent | ca33b0f33c7010817f7d27a0427e6c0bb25a852d (diff) | |
Fix forms UI
| -rw-r--r-- | src/components/FormField.astro | 2 | ||||
| -rw-r--r-- | src/pages/forms/[...id].astro | 6 |
2 files changed, 5 insertions, 3 deletions
diff --git a/src/components/FormField.astro b/src/components/FormField.astro index f03403d..cdb7649 100644 --- a/src/components/FormField.astro +++ b/src/components/FormField.astro @@ -11,7 +11,7 @@ const fieldType = field.type as astroHTML.JSX.HTMLInputTypeAttribute <div class="flex w-full flex-col gap-2"> <label for={field.id} class="text-muted-foreground pl-1"> - {field.label} + {field.label} <span class="text-primary/30">*</span> </label> { diff --git a/src/pages/forms/[...id].astro b/src/pages/forms/[...id].astro index cadf14a..39a8ad2 100644 --- a/src/pages/forms/[...id].astro +++ b/src/pages/forms/[...id].astro @@ -46,10 +46,12 @@ const fields = Astro.props.data.form.fields class="flex w-full flex-col items-start gap-12" > {fields.map((field) => <FormField field={field} />)} - <div class="flex w-full items-center justify-end gap-4"> + <div + class="ml-auto grid w-full grid-cols-2 items-center justify-end gap-4 md:w-auto md:grid-cols-3" + > <span id="save-indicator" - class="text-muted-foreground ext-sm flex items-center justify-center gap-2 opacity-0 transition-opacity duration-300" + class="text-muted-foreground ext-sm col-span-2 flex items-center justify-center gap-2 opacity-0 transition-opacity duration-300 md:col-span-1" > <Icon name="lucide:check" class="text-primary" /> Draft autosaved |