arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 20:19:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(CommandPalette): consistent alignement with other components

Browse Source
This commit is contained in:
Benjamin Canac
2025-04-08 17:29:02 +02:00
parent 7d8353ffdc
commit d25265c8b7
4 changed files with 381 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/runtime/components/CommandPalette.vue
View File

@@ -258,7 +258,6 @@ const groups = computed(() => {
:placeholder="placeholder || t('commandPalette.placeholder')"
variant="none"
:autofocus="autofocus"
size="lg"
v-bind="inputProps"
:icon="icon || appConfig.ui.icons.search"
:class="ui.input({ class: props.ui?.input })"

6
src/theme/command-palette.ts
View File

@@ -3,14 +3,14 @@ import type { ModuleOptions } from '../module'
export default (options: Required<ModuleOptions>) => ({
slots: {
root: 'flex flex-col min-h-0 min-w-0 divide-y divide-(--ui-border)',
input: '[&>input]:h-12 [&>input]:text-base/5',
input: '[&>input]:h-12',
close: '',
content: 'relative overflow-hidden flex flex-col',
viewport: 'relative divide-y divide-(--ui-border) scroll-py-1 overflow-y-auto flex-1 focus:outline-none',
group: 'p-1 isolate',
empty: 'py-6 text-center text-sm text-(--ui-text-muted)',
label: 'px-2 py-1.5 text-xs font-semibold text-(--ui-text-highlighted)',
item: 'group relative w-full flex items-center gap-2 px-2 py-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-[calc(var(--ui-radius)*1.5)] data-disabled:cursor-not-allowed data-disabled:opacity-75',
label: 'p-1.5 text-xs font-semibold text-(--ui-text-highlighted)',
item: 'group relative w-full flex items-center gap-1.5 p-1.5 text-sm select-none outline-none before:absolute before:z-[-1] before:inset-px before:rounded-[calc(var(--ui-radius)*1.5)] data-disabled:cursor-not-allowed data-disabled:opacity-75',
itemLeadingIcon: 'shrink-0 size-5',
itemLeadingAvatar: 'shrink-0',
itemLeadingAvatarSize: '2xs',