GitHub/015
1
0
Fork 0
mirror of https://github.com/keven1024/015.git synced 2026-05-26 15:13:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

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

2
front/components/Field/InputField.vue
View File

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

2
front/components/Field/InputGroupField.vue
View File

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