fix: base component focus color in form (#5760)
This commit is contained in:
parent
efb69fc75f
commit
39888cebaa
@ -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
|
||||||
|
@ -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>
|
||||||
|
@ -30,3 +30,8 @@ const modelValue = useVModel(props, 'modelValue', emits, {
|
|||||||
"
|
"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
input {
|
||||||
|
--ring: var(--primary);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
Loading…
Reference in New Issue
Block a user