Skip to content

Commit d227a10

Browse files
committed
fix(CommandPalette): increase input font size to avoid zoom
1 parent f6ff157 commit d227a10

File tree

5 files changed

+49
-49
lines changed

5 files changed

+49
-49
lines changed

docs/app/components/content/examples/popover/PopoverCommandPaletteExample.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ const label = ref([])
4040
multiple
4141
placeholder="Search labels..."
4242
:groups="[{ id: 'labels', items }]"
43-
:ui="{ input: '[&>input]:h-8' }"
43+
:ui="{ input: '[&>input]:h-8 [&>input]:text-sm' }"
4444
/>
4545
</template>
4646
</UPopover>

playground/app/pages/components/command-palette.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -146,7 +146,7 @@ defineShortcuts({
146146
<UButton label="Select label (popover)" color="neutral" variant="outline" />
147147

148148
<template #content>
149-
<UCommandPalette v-model="label" placeholder="Search labels..." :groups="[{ id: 'labels', items: labels }]" :ui="{ input: '[&>input]:h-9' }" />
149+
<UCommandPalette v-model="label" placeholder="Search labels..." :groups="[{ id: 'labels', items: labels }]" :ui="{ input: '[&>input]:h-8 [&>input]:text-sm' }" />
150150
</template>
151151
</UPopover>
152152
</div>

src/theme/command-palette.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import type { ModuleOptions } from '../module'
33
export default (options: Required<ModuleOptions>) => ({
44
slots: {
55
root: 'flex flex-col min-h-0 min-w-0 divide-y divide-(--ui-border)',
6-
input: '[&>input]:h-12',
6+
input: '[&>input]:h-12 [&>input]:text-base/5',
77
close: '',
88
content: 'relative overflow-hidden flex flex-col',
99
viewport: 'relative divide-y divide-(--ui-border) scroll-py-1 overflow-y-auto flex-1 focus:outline-none',

0 commit comments

Comments
 (0)