arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-31 12:17:54 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(SelectCustom): improve icon placement and list text size

Browse Source
This commit is contained in:
Benjamin Canac
2022-06-20 10:46:32 +02:00
parent 6585bfc24a
commit 536bfe4ff1
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/runtime/components/forms/SelectCustom.vue
View File

@@ -166,12 +166,14 @@ const selectCustomClass = computed(() => {
const iconClass = computed(() => { const iconClass = computed(() => {
return classNames( return classNames(
props.iconBaseClass, props.iconBaseClass,
$ui.selectCustom.icon.size[props.size], $ui.selectCustom.icon.size[props.size]
$ui.selectCustom.icon.trailing.spacing[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 }) { function resolveOptionClass ({ active, disabled }: { active: boolean, disabled: boolean }) {
return classNames( return classNames(

2
src/runtime/presets/default.ts
View File

@@ -190,7 +190,7 @@ const selectCustom = {
...select, ...select,
base: `${select.base} text-left cursor-default`, base: `${select.base} text-left cursor-default`,
list: { 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: { option: {
base: 'cursor-default select-none relative py-2 pl-4 pr-10', base: 'cursor-default select-none relative py-2 pl-4 pr-10',
active: 'text-white bg-primary-600', active: 'text-white bg-primary-600',