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

chore(CommandPaletteGroup): rename ui.group.command.selected.icon to ui.group.command.selectedIcon.base

Browse Source
This commit is contained in:
Benjamin Canac
2023-05-11 14:21:01 +02:00
parent c7e0cb40e7
commit cc65afafbd
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/runtime/app.config.ts
View File

@@ -511,6 +511,9 @@ const commandPalette = {
active: 'text-gray-900 dark:text-white', active: 'text-gray-900 dark:text-white',
inactive: 'text-gray-400 dark:text-gray-500' inactive: 'text-gray-400 dark:text-gray-500'
}, },
selectedIcon: {
base: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0'
},
avatar: { avatar: {
base: 'flex-shrink-0', base: 'flex-shrink-0',
size: '3xs' size: '3xs'
@@ -519,9 +522,6 @@ const commandPalette = {
base: 'flex-shrink-0 w-2 h-2 mx-1 rounded-full' base: 'flex-shrink-0 w-2 h-2 mx-1 rounded-full'
}, },
disabled: 'opacity-50', disabled: 'opacity-50',
selected: {
icon: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0'
},
shortcuts: 'hidden md:inline-flex flex-shrink-0 gap-0.5' shortcuts: 'hidden md:inline-flex flex-shrink-0 gap-0.5'
}, },
active: 'flex-shrink-0 text-gray-500 dark:text-gray-400', active: 'flex-shrink-0 text-gray-500 dark:text-gray-400',

2
src/runtime/components/navigation/CommandPaletteGroup.vue
View File

@@ -39,7 +39,7 @@
</div> </div>
</div> </div>
<UIcon v-if="selected" :name="selectedIcon" :class="ui.group.command.selected.icon" aria-hidden="true" /> <UIcon v-if="selected" :name="selectedIcon" :class="ui.group.command.selectedIcon.base" aria-hidden="true" />
<slot v-else-if="active && (group.active || $slots[`${group.key}-active`])" :name="`${group.key}-active`" :group="group" :command="command"> <slot v-else-if="active && (group.active || $slots[`${group.key}-active`])" :name="`${group.key}-active`" :group="group" :command="command">
<span v-if="group.active" :class="ui.group.active">{{ group.active }}</span> <span v-if="group.active" :class="ui.group.active">{{ group.active }}</span>
</slot> </slot>