diff --git a/src/runtime/components/forms/SelectCustom.vue b/src/runtime/components/forms/SelectCustom.vue index 6b4802cc..3604fece 100644 --- a/src/runtime/components/forms/SelectCustom.vue +++ b/src/runtime/components/forms/SelectCustom.vue @@ -166,12 +166,14 @@ const selectCustomClass = computed(() => { const iconClass = computed(() => { return classNames( props.iconBaseClass, - $ui.selectCustom.icon.size[props.size], - $ui.selectCustom.icon.trailing.spacing[props.size] + $ui.selectCustom.icon.size[props.size] ) }) -const iconWrapperClass = $ui.selectCustom.icon.trailing.wrapper +const iconWrapperClass = classNames( + $ui.selectCustom.icon.trailing.wrapper, + 'pr-2' +) function resolveOptionClass ({ active, disabled }: { active: boolean, disabled: boolean }) { return classNames( diff --git a/src/runtime/presets/default.ts b/src/runtime/presets/default.ts index b940d4b7..15701be7 100644 --- a/src/runtime/presets/default.ts +++ b/src/runtime/presets/default.ts @@ -190,7 +190,7 @@ const selectCustom = { ...select, base: `${select.base} text-left cursor-default`, list: { - base: 'absolute z-10 mt-1 w-full u-bg-white shadow-lg max-h-60 rounded-md py-1 text-base ring-1 u-ring-gray-200 overflow-auto focus:outline-none sm:text-sm', + base: 'absolute z-10 mt-1 w-full u-bg-white shadow-lg max-h-60 rounded-md py-1 text-sm ring-1 u-ring-gray-200 overflow-auto focus:outline-none', option: { base: 'cursor-default select-none relative py-2 pl-4 pr-10', active: 'text-white bg-primary-600',