chore(SelectMenu): improve option.selected preset

This commit is contained in:
Benjamin Canac
2023-05-10 18:33:43 +02:00
parent d5471f4d37
commit be96824323
2 changed files with 3 additions and 2 deletions

View File

@@ -366,7 +366,8 @@ const selectMenu = {
base: 'flex-shrink-0 w-2 h-2 mx-1 rounded-full' base: 'flex-shrink-0 w-2 h-2 mx-1 rounded-full'
}, },
selected: { selected: {
wrapper: 'absolute inset-y-0 right-0 flex items-center pr-2', wrapper: 'absolute inset-y-0 right-0 flex items-center',
padding: 'pr-2',
icon: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0' icon: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0'
} }
}, },

View File

@@ -77,7 +77,7 @@
</slot> </slot>
</div> </div>
<span v-if="selected" :class="ui.option.selected.wrapper"> <span v-if="selected" :class="[ui.option.selected.wrapper, ui.option.selected.padding]">
<UIcon :name="selectedIcon" :class="ui.option.selected.icon" aria-hidden="true" /> <UIcon :name="selectedIcon" :class="ui.option.selected.icon" aria-hidden="true" />
</span> </span>
</li> </li>