fix: change select component

This commit is contained in:
kur0nek-o
2024-02-23 10:41:54 +07:00
parent 7464cb6d1c
commit d7917fd499
9 changed files with 2713 additions and 278 deletions

View File

@ -1,102 +1,105 @@
/** @type {import('tailwindcss').Config} */
const colors = require("tailwindcss/colors")
const colors = require('tailwindcss/colors')
export default {
content: [
"./index.html",
"./src/**/*.{vue,js,ts,jsx,tsx}",
"./src/**/**/*.{vue,js,ts,jsx,tsx}",
"./node_modules/vue-tailwind-datepicker/**/*.js"
'./index.html',
'./src/**/*.{vue,js,ts,jsx,tsx}',
'./src/**/**/*.{vue,js,ts,jsx,tsx}',
'./node_modules/vue-tailwind-datepicker/**/*.js',
'./node_modules/@flavorly/vanilla-components/dist/presets/tailwind/all.json'
],
mode: 'jit',
darkMode: 'class',
theme: {
extend: {
fontFamily: {
sans: ['Plus Jakarta Sans', 'sans-serif'],
sans: ['Plus Jakarta Sans', 'sans-serif']
},
width: {
'266': '266px',
'320': '320px',
266: '266px',
320: '320px'
},
height: {
'screen-80': '80vh'
},
colors: {
"vtd-primary": {
'50': '#e6eff1',
'100': '#cddee3',
'200': '#9abdc6',
'300': '#689daa',
'400': '#357c8d',
'500': '#035b71',
'600': '#02495a',
'700': '#02495a',
'800': '#01242d',
'900': '#011217',
'vtd-primary': {
50: '#e6eff1',
100: '#cddee3',
200: '#9abdc6',
300: '#689daa',
400: '#357c8d',
500: '#035b71',
600: '#02495a',
700: '#02495a',
800: '#01242d',
900: '#011217'
},
'layout': '#F3F7F9',
'dark': '#151617',
'aside': '#2E3536',
'primary': {
'50': '#e6eff1',
'100': '#cddee3',
'200': '#9abdc6',
'300': '#689daa',
'400': '#357c8d',
'500': '#035b71',
'600': '#02495a',
'700': '#02495a',
'800': '#01242d',
'900': '#011217',
layout: '#F3F7F9',
dark: '#151617',
aside: '#2E3536',
primary: {
50: '#e6eff1',
100: '#cddee3',
200: '#9abdc6',
300: '#689daa',
400: '#357c8d',
500: '#035b71',
600: '#02495a',
700: '#02495a',
800: '#01242d',
900: '#011217'
},
'secondary': {
'50': '#e5eef7',
'100': '#ccebef',
'200': '#99d7df',
'300': '#66c2d0',
'400': '#33aec0',
'500': '#00a2b9',
'600': '#007b8d',
'700': '#005c6a',
'800': '#003e46',
'900': '#001f23',
secondary: {
50: '#e5eef7',
100: '#ccebef',
200: '#99d7df',
300: '#66c2d0',
400: '#33aec0',
500: '#00a2b9',
600: '#007b8d',
700: '#005c6a',
800: '#003e46',
900: '#001f23'
},
'red': {
'50': '#ffe5e5',
'100': '#ffcccc',
'200': '#ff9999',
'300': '#ff6666',
'400': '#ff3333',
'500': '#ff0000',
'600': '#cc0000',
'700': '#990000',
'800': '#660000',
'900': '#330000',
red: {
50: '#ffe5e5',
100: '#ffcccc',
200: '#ff9999',
300: '#ff6666',
400: '#ff3333',
500: '#ff0000',
600: '#cc0000',
700: '#990000',
800: '#660000',
900: '#330000'
},
'yellow': {
'50': '#ffffe5',
'100': '#ffffcc',
'200': '#ffff99',
'300': '#ffff66',
'400': '#ffff33',
'500': '#ffff00',
'600': '#cccc00',
'700': '#999900',
'800': '#666600',
'900': '#333300',
yellow: {
50: '#ffffe5',
100: '#ffffcc',
200: '#ffff99',
300: '#ffff66',
400: '#ffff33',
500: '#ffff00',
600: '#cccc00',
700: '#999900',
800: '#666600',
900: '#333300'
},
'gray': {
'50': '#f9fafb',
'100': '#f3f4f6',
'200': '#e5e7eb',
'300': '#d1d5db',
'400': '#9ca3af',
'500': '#6b7280',
'600': '#4b5563',
'700': '#374151',
'800': '#1f2937',
'900': '#111827',
},
},
},
gray: {
50: '#f9fafb',
100: '#f3f4f6',
200: '#e5e7eb',
300: '#d1d5db',
400: '#9ca3af',
500: '#6b7280',
600: '#4b5563',
700: '#374151',
800: '#1f2937',
900: '#111827'
}
}
}
},
plugins: [
require('@tailwindcss/typography'),
@ -104,6 +107,6 @@ export default {
require('@tailwindcss/aspect-ratio'),
require('@tailwindcss/container-queries'),
require('@headlessui/tailwindcss'),
require('@headlessui/tailwindcss')({ prefix: 'ui' }),
],
}
require('@headlessui/tailwindcss')({ prefix: 'ui' })
]
}