Files
crater/resources/assets/js/components/theme/SwInput.js
Mohit Panjwani 89ee58590c build version 400
2020-12-02 17:54:08 +05:30

32 lines
1.7 KiB
JavaScript

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',
},
},
}