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

pull/62/head
Netfan 2025-03-21 09:41:42 +08:00 committed by YunaiV
parent 47d821d179
commit 482227003c
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

@ -35,4 +35,8 @@ const props = withDefaults(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>