mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-02-01 20:57:57 +01:00
chore(SelectMenu): improve option.selected preset
This commit is contained in:
@@ -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'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user