Add missing order to buttons and input on InputNumber if buttonLayout is horizontal (#4520)
parent
f664268407
commit
cd59b1b0ff
|
@ -901,7 +901,13 @@ export default {
|
||||||
class: 'w-full inline-flex'
|
class: 'w-full inline-flex'
|
||||||
},
|
},
|
||||||
input: ({ props }) => ({
|
input: ({ props }) => ({
|
||||||
class: [{ 'rounded-tr-none rounded-br-none': props.showButtons && props.buttonLayout == 'stacked' }]
|
class: [
|
||||||
|
{
|
||||||
|
'rounded-tr-none rounded-br-none': props.showButtons && props.buttonLayout == 'stacked'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'order-2': props.buttonLayout == 'horizontal'
|
||||||
|
}]
|
||||||
}),
|
}),
|
||||||
buttongroup: ({ props }) => ({
|
buttongroup: ({ props }) => ({
|
||||||
class: [{ 'flex flex-col': props.showButtons && props.buttonLayout == 'stacked' }]
|
class: [{ 'flex flex-col': props.showButtons && props.buttonLayout == 'stacked' }]
|
||||||
|
@ -911,6 +917,9 @@ export default {
|
||||||
'flex !items-center !justify-center',
|
'flex !items-center !justify-center',
|
||||||
{
|
{
|
||||||
'rounded-br-none rounded-bl-none rounded-bl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
|
'rounded-br-none rounded-bl-none rounded-bl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'order-3': props.buttonLayout == 'horizontal'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}),
|
}),
|
||||||
|
@ -922,6 +931,9 @@ export default {
|
||||||
'flex !items-center !justify-center',
|
'flex !items-center !justify-center',
|
||||||
{
|
{
|
||||||
'rounded-tr-none rounded-tl-none rounded-tl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
|
'rounded-tr-none rounded-tl-none rounded-tl-none !p-0 flex-1 w-[3rem]': props.showButtons && props.buttonLayout == 'stacked'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
'order-1': props.buttonLayout == 'horizontal'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in New Issue