ToggleButton updates
parent
ceea9bffb7
commit
0c8a4e9362
|
@ -960,12 +960,14 @@ export default {
|
|||
}
|
||||
},
|
||||
togglebutton: {
|
||||
root: ({ props }) => ({
|
||||
root: ({ props, context }) => ({
|
||||
class: [
|
||||
'inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden relative',
|
||||
'px-4 py-3 rounded-md text-base w-36',
|
||||
'border transition duration-200 ease-in-out',
|
||||
'focus:outline-none focus:outline-offset-0 focus:shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:focus:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]',
|
||||
{
|
||||
'outline-none outline-offset-0 shadow-[0_0_0_0.2rem_rgba(191,219,254,1)] dark:shadow-[0_0_0_0.2rem_rgba(147,197,253,0.5)]': context.focused
|
||||
},
|
||||
{
|
||||
'bg-white dark:bg-gray-900 border-gray-300 dark:border-blue-900/40 text-gray-700 dark:text-white/80 hover:bg-gray-100 dark:hover:bg-gray-800/80 hover:border-gray-300 dark:hover:bg-gray-800/70 hover:text-gray-700 dark:hover:text-white/80':
|
||||
!props.modelValue,
|
||||
|
|
Loading…
Reference in New Issue