arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-29 19:30:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Select): consistent placeholder with input and textarea

Browse Source 
Resolves #1276
This commit is contained in:
Benjamin Canac
2024-01-24 11:55:05 +01:00
parent 6fafd78f5f
commit 2cb41db111
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/runtime/components/forms/Select.vue
View File

@@ -262,7 +262,7 @@ export default defineComponent({
variant?.replaceAll('{color}', color.value), variant?.replaceAll('{color}', color.value),
(isLeading.value || slots.leading) && ui.value.leading.padding[size.value], (isLeading.value || slots.leading) && ui.value.leading.padding[size.value],
(isTrailing.value || slots.trailing) && ui.value.trailing.padding[size.value] (isTrailing.value || slots.trailing) && ui.value.trailing.padding[size.value]
), props.selectClass) ), props.placeholder && !props.modelValue && ui.value.placeholder, props.selectClass)
}) })
const isLeading = computed(() => { const isLeading = computed(() => {

2
src/runtime/components/forms/SelectMenu.vue
View File

@@ -384,7 +384,7 @@ export default defineComponent({
variant?.replaceAll('{color}', color.value), variant?.replaceAll('{color}', color.value),
(isLeading.value || slots.leading) && ui.value.leading.padding[size.value], (isLeading.value || slots.leading) && ui.value.leading.padding[size.value],
(isTrailing.value || slots.trailing) && ui.value.trailing.padding[size.value] (isTrailing.value || slots.trailing) && ui.value.trailing.padding[size.value]
), props.selectClass) ), props.placeholder && !props.modelValue && ui.value.placeholder, props.selectClass)
}) })
const isLeading = computed(() => { const isLeading = computed(() => {

2
src/runtime/ui.config/forms/select.ts
View File

@@ -3,7 +3,7 @@ import input from './input'
export default { export default {
...input, ...input,
form: 'form-select', form: 'form-select',
placeholder: 'text-gray-900 dark:text-white', placeholder: 'text-gray-400 dark:text-gray-500',
default: { default: {
size: 'sm', size: 'sm',
color: 'white', color: 'white',