chore(SelectCustom): support popper and improve slots

This commit is contained in:
Benjamin Canac
2022-07-02 17:21:45 +02:00
parent eb6fbd9c4a
commit 22ee717105
2 changed files with 80 additions and 28 deletions

View File

@@ -188,10 +188,11 @@ export default (variantColors: string[]) => {
const selectCustom = {
...select,
wrapper: 'relative',
base: `${select.base} text-left cursor-default`,
list: {
container: 'absolute z-10 mt-1 w-full py-1 max-h-60 overflow-auto',
base: 'u-bg-white shadow-lg rounded-md ring-1 u-ring-gray-200 focus:outline-none',
container: 'z-10 w-full py-1 max-h-60',
base: 'u-bg-white shadow-lg rounded-md ring-1 u-ring-gray-200 focus:outline-none overflow-auto',
option: {
base: 'cursor-default select-none relative py-2 pl-4 pr-10 text-sm',
active: 'text-white bg-primary-600',