Fix admin form input sizes using proper size props

2025-10-01 18:03:13 -04:00
parent bb025259e3
commit 0325f44d3e
1 changed files with 4 additions and 3 deletions
--- a/pages/admin.vue
+++ b/pages/admin.vue
@@ -44,7 +44,7 @@
                v-model="form.title"
                placeholder="Enter sermon title"
                :disabled="loading"
-                class="h-8"
+                size="sm"
              />
            </UFormGroup>

@@ -53,7 +53,7 @@
                v-model="form.date"
                type="date"
                :disabled="loading"
-                class="h-8"
+                size="sm"
              />
            </UFormGroup>

@@ -93,7 +93,8 @@
                  v-model="form.bibleReferences[index]"
                  :placeholder="`Bible reference ${index + 1}`"
                  :disabled="loading"
-                  class="flex-1 h-12"
+                  class="flex-1"
+                  size="lg"
                />
                <UButton
                  @click="removeBibleReference(index)"