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

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

View File

@@ -511,6 +511,9 @@ const commandPalette = {
active: 'text-gray-900 dark:text-white',
inactive: 'text-gray-400 dark:text-gray-500'
},
selectedIcon: {
base: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0'
},
avatar: {
base: 'flex-shrink-0',
size: '3xs'
@@ -519,9 +522,6 @@ const commandPalette = {
base: 'flex-shrink-0 w-2 h-2 mx-1 rounded-full'
},
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'
},
active: 'flex-shrink-0 text-gray-500 dark:text-gray-400',

View File

@@ -39,7 +39,7 @@
</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">
<span v-if="group.active" :class="ui.group.active">{{ group.active }}</span>
</slot>