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

fix(CommandPalette): command icons opacity in dark mode

Browse Source
This commit is contained in:
Benjamin Canac
2022-07-23 23:57:50 +02:00
parent f75fc4f864
commit abb93b5fd3
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -15,7 +15,7 @@
> >
<li :class="['flex justify-between select-none items-center rounded-md px-3 py-2 gap-3 relative', active && 'bg-gray-100 dark:bg-gray-800 u-text-gray-900', command.disabled ? 'cursor-not-allowed' : 'cursor-pointer']"> <li :class="['flex justify-between select-none items-center rounded-md px-3 py-2 gap-3 relative', active && 'bg-gray-100 dark:bg-gray-800 u-text-gray-900', command.disabled ? 'cursor-not-allowed' : 'cursor-pointer']">
<div class="flex items-center gap-3 min-w-0"> <div class="flex items-center gap-3 min-w-0">
<Icon v-if="command.icon" :name="command.icon" :class="['h-5 w-5 flex-shrink-0', active ? 'text-opacity-100' : 'text-opacity-40', command.iconClass || 'text-gray-900 dark:text-gray-50']" aria-hidden="true" /> <Icon v-if="command.icon" :name="command.icon" :class="['h-5 w-5 flex-shrink-0', active ? 'text-opacity-100 dark:text-opacity-100' : 'text-opacity-40 dark:text-opacity-40', command.iconClass || 'text-gray-900 dark:text-gray-50']" aria-hidden="true" />
<Avatar <Avatar
v-else-if="command.avatar" v-else-if="command.avatar"
v-bind="{ size: 'xxs', ...command.avatar }" v-bind="{ size: 'xxs', ...command.avatar }"