mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-29 12:41:10 -04:00
build version 400
This commit is contained in:
31
resources/assets/js/components/theme/SwInput.js
Normal file
31
resources/assets/js/components/theme/SwInput.js
Normal file
@ -0,0 +1,31 @@
|
||||
export default {
|
||||
variants: {
|
||||
gray: {
|
||||
container:
|
||||
'relative flex items-center w-full border border-solid rounded-md bg-gray-100 hover:border-gray-400',
|
||||
baseInput:
|
||||
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full h-8 px-0 py-0 text-xs bg-gray-100',
|
||||
rightIconInput:
|
||||
'not-italic font-normal leading-tight text-left outline-none min-w-0 rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full pl-3 pr-1 py-2 text-sm bg-gray-100',
|
||||
rightIconContainer:
|
||||
'flex flex-col justify-center align-middle pr-2 text-gray-400 min-w-0',
|
||||
containerFocusIn: 'border-primary-500 ',
|
||||
containerFocusOut: 'border-gray-300 focus:border-transparent',
|
||||
},
|
||||
|
||||
searchInput: {
|
||||
container:
|
||||
'relative flex items-center w-full border border-solid rounded-md bg-white',
|
||||
baseInput:
|
||||
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full h-8 px-0 py-0 text-xs',
|
||||
rightIconInput:
|
||||
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full pl-3 pr-1 py-2 text-sm',
|
||||
leftIconInput:
|
||||
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full pl-1 pr-3 py-2 text-sm',
|
||||
rightIconContainer: 'flex flex-col justify-center align-middle pr-2',
|
||||
leftIconContainer: 'flex flex-col justify-center align-middle',
|
||||
containerFocusIn: 'border-primary-500',
|
||||
containerFocusOut: 'border-gray-300 focus:border-transparent',
|
||||
},
|
||||
},
|
||||
}
|
||||
Reference in New Issue
Block a user