mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-30 11:47:55 +01:00
chore(SelectCustom): move icons in preset
This commit is contained in:
@@ -163,7 +163,7 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
icon: {
|
icon: {
|
||||||
type: String,
|
type: String,
|
||||||
default: () => 'heroicons-solid:selector'
|
default: () => $ui.selectCustom.icon.name
|
||||||
},
|
},
|
||||||
iconBaseClass: {
|
iconBaseClass: {
|
||||||
type: String,
|
type: String,
|
||||||
@@ -226,7 +226,7 @@ const props = defineProps({
|
|||||||
},
|
},
|
||||||
listOptionIcon: {
|
listOptionIcon: {
|
||||||
type: String,
|
type: String,
|
||||||
default: () => 'heroicons-solid:check'
|
default: () => $ui.selectCustom.list.option.icon.name
|
||||||
},
|
},
|
||||||
listOptionIconBaseClass: {
|
listOptionIconBaseClass: {
|
||||||
type: String,
|
type: String,
|
||||||
|
|||||||
@@ -190,6 +190,10 @@ export default (variantColors: string[]) => {
|
|||||||
...select,
|
...select,
|
||||||
wrapper: 'relative',
|
wrapper: 'relative',
|
||||||
base: `${select.base} text-left cursor-default`,
|
base: `${select.base} text-left cursor-default`,
|
||||||
|
icon: {
|
||||||
|
name: 'heroicons-solid:selector',
|
||||||
|
...select.icon
|
||||||
|
},
|
||||||
list: {
|
list: {
|
||||||
container: 'z-10 w-full py-1',
|
container: 'z-10 w-full py-1',
|
||||||
base: 'u-bg-white shadow-lg rounded-md ring-1 u-ring-gray-200 focus:outline-none overflow-y-auto py-1 max-h-60',
|
base: 'u-bg-white shadow-lg rounded-md ring-1 u-ring-gray-200 focus:outline-none overflow-y-auto py-1 max-h-60',
|
||||||
@@ -204,6 +208,7 @@ export default (variantColors: string[]) => {
|
|||||||
disabled: 'cursor-not-allowed opacity-50',
|
disabled: 'cursor-not-allowed opacity-50',
|
||||||
empty: 'text-sm u-text-gray-400 px-4 py-2',
|
empty: 'text-sm u-text-gray-400 px-4 py-2',
|
||||||
icon: {
|
icon: {
|
||||||
|
name: 'heroicons-solid:check',
|
||||||
base: 'absolute inset-y-0 right-0 flex items-center pr-4',
|
base: 'absolute inset-y-0 right-0 flex items-center pr-4',
|
||||||
active: 'text-white',
|
active: 'text-white',
|
||||||
inactive: 'text-primary-600',
|
inactive: 'text-primary-600',
|
||||||
|
|||||||
Reference in New Issue
Block a user