fix: base component focus color in form (#5760)

This commit is contained in:
Netfan 2025-03-21 09:41:42 +08:00 committed by GitHub
parent efb69fc75f
commit 39888cebaa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 1 deletions

View File

@ -321,7 +321,7 @@ onUnmounted(() => {
<VbenRenderContent :content="label" /> <VbenRenderContent :content="label" />
</template> </template>
</FormLabel> </FormLabel>
<div class="flex-auto overflow-hidden"> <div class="flex-auto overflow-hidden p-[1px]">
<div :class="cn('relative flex w-full items-center', wrapperClass)"> <div :class="cn('relative flex w-full items-center', wrapperClass)">
<FormControl :class="cn(controlClass)"> <FormControl :class="cn(controlClass)">
<slot <slot

View File

@ -32,4 +32,8 @@ const props = defineProps<Props>();
button[role='combobox'][data-placeholder] { button[role='combobox'][data-placeholder] {
color: hsl(var(--muted-foreground)); color: hsl(var(--muted-foreground));
} }
button {
--ring: var(--primary);
}
</style> </style>

View File

@ -30,3 +30,8 @@ const modelValue = useVModel(props, 'modelValue', emits, {
" "
/> />
</template> </template>
<style lang="scss" scoped>
input {
--ring: var(--primary);
}
</style>