fix(front): adjust error message font size in InputField and InputGroupField components for better readability

This commit is contained in:
keven1024
2026-04-28 22:38:01 +08:00
parent 2273c589f6
commit d8704a8aa8
2 changed files with 2 additions and 2 deletions

View File

@@ -16,6 +16,6 @@ const { value, errorMessage } = useField<string>(props.name, props.rules)
<div class="flex flex-col gap-2">
<Label v-if="props.label">{{ props.label }}</Label>
<Input v-model="value" :aria-invalid="!!errorMessage || undefined" v-bind="$attrs" />
<p v-if="errorMessage" class="text-sm text-destructive">{{ errorMessage }}</p>
<p v-if="errorMessage" class="text-xs text-destructive">{{ errorMessage }}</p>
</div>
</template>

View File

@@ -46,6 +46,6 @@ const addInput = ref('')
><LucidePlus class="size-4"
/></Button>
</div>
<p v-if="errorMessage" class="text-sm text-destructive">{{ errorMessage }}</p>
<p v-if="errorMessage" class="text-xs text-destructive">{{ errorMessage }}</p>
</div>
</template>