diff --git a/ee/tabby-ui/tailwind.config.js b/ee/tabby-ui/tailwind.config.js index 0fd7401d4a6c..51f69e6b3190 100644 --- a/ee/tabby-ui/tailwind.config.js +++ b/ee/tabby-ui/tailwind.config.js @@ -5,113 +5,107 @@ module.exports = { darkMode: ['class'], content: ['app/**/*.{ts,tsx}', 'components/**/*.{ts,tsx}'], theme: { - container: { - center: 'true', - padding: '2rem', - screens: { - '2xl': '1400px' - } - }, - extend: { - fontFamily: { - sans: ['var(--font-sans)', ...fontFamily.sans] - }, - colors: { - border: 'hsl(var(--border))', - input: 'hsl(var(--input))', - ring: 'hsl(var(--ring))', - link: 'hsl(var(--link))', - background: 'hsl(var(--background))', - foreground: 'hsl(var(--foreground))', - primary: { - DEFAULT: 'hsl(var(--primary))', - foreground: 'hsl(var(--primary-foreground))' - }, - secondary: { - DEFAULT: 'hsl(var(--secondary))', - foreground: 'hsl(var(--secondary-foreground))' - }, - destructive: { - DEFAULT: 'hsl(var(--destructive))', - foreground: 'hsl(var(--destructive-foreground))' - }, - successful: { - DEFAULT: 'hsl(var(--successful))', - foreground: 'hsl(var(--successful-foreground))' - }, - muted: { - DEFAULT: 'hsl(var(--muted))', - foreground: 'hsl(var(--muted-foreground))' - }, - accent: { - DEFAULT: 'hsl(var(--accent))', - foreground: 'hsl(var(--accent-foreground))' - }, - popover: { - DEFAULT: 'hsl(var(--popover))', - foreground: 'hsl(var(--popover-foreground))' - }, - card: { - DEFAULT: 'hsl(var(--card))', - foreground: 'hsl(var(--card-foreground))' - }, - sidebar: { - DEFAULT: 'hsl(var(--background))', - foreground: 'hsl(var(--foreground))', - primary: 'hsl(var(--primary))', - 'primary-foreground': 'hsl(var(--primary-foreground))', - accent: 'hsl(var(--accent))', - 'accent-foreground': 'hsl(var(--accent-foreground))', - border: 'hsl(var(--border))', - ring: 'hsl(var(--ring))' - } - }, - borderRadius: { - lg: 'var(--radius)', - md: 'calc(var(--radius) - 2px)', - sm: 'calc(var(--radius) - 4px)' - }, - keyframes: { - 'accordion-down': { - from: { - height: '0' - }, - to: { - height: 'var(--radix-accordion-content-height)' - } - }, - 'accordion-up': { - from: { - height: 'var(--radix-accordion-content-height)' - }, - to: { - height: '0' - } - }, - 'slide-from-left': { - '0%': { - transform: 'translateX(-100%)' - }, - '100%': { - transform: 'translateX(0)' - } - }, - 'slide-to-left': { - '0%': { - transform: 'translateX(0)' - }, - '100%': { - transform: 'translateX(-100%)' - } - } - }, - animation: { - 'slide-from-left': 'slide-from-left 0.3s cubic-bezier(0.82, 0.085, 0.395, 0.895)', - 'slide-to-left': 'slide-to-left 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895)', - 'accordion-down': 'accordion-down 0.2s ease-out', - 'accordion-up': 'accordion-up 0.2s ease-out' - } - } + container: { + center: true, + padding: '2rem', + screens: { + '2xl': '1400px' + } + }, + extend: { + fontFamily: { + sans: ['var(--font-sans)', ...fontFamily.sans], + }, + colors: { + border: 'hsl(var(--border))', + input: 'hsl(var(--input))', + ring: 'hsl(var(--ring))', + link: 'hsl(var(--link))', + background: 'hsl(var(--background))', + foreground: 'hsl(var(--foreground))', + primary: { + DEFAULT: 'hsl(var(--primary))', + foreground: 'hsl(var(--primary-foreground))' + }, + secondary: { + DEFAULT: 'hsl(var(--secondary))', + foreground: 'hsl(var(--secondary-foreground))' + }, + destructive: { + DEFAULT: 'hsl(var(--destructive))', + foreground: 'hsl(var(--destructive-foreground))' + }, + successful: { + DEFAULT: 'hsl(var(--successful))', + foreground: 'hsl(var(--successful-foreground))' + }, + muted: { + DEFAULT: 'hsl(var(--muted))', + foreground: 'hsl(var(--muted-foreground))' + }, + accent: { + DEFAULT: 'hsl(var(--accent))', + foreground: 'hsl(var(--accent-foreground))' + }, + popover: { + DEFAULT: 'hsl(var(--popover))', + foreground: 'hsl(var(--popover-foreground))' + }, + card: { + DEFAULT: 'hsl(var(--card))', + foreground: 'hsl(var(--card-foreground))' + }, + sidebar: { + DEFAULT: 'hsl(var(--background))', + foreground: 'hsl(var(--foreground))', + primary: 'hsl(var(--primary))', + 'primary-foreground': 'hsl(var(--primary-foreground))', + accent: 'hsl(var(--accent))', + 'accent-foreground': 'hsl(var(--accent-foreground))', + border: 'hsl(var(--border))', + ring: 'hsl(var(--ring))' + } + }, + borderRadius: { + lg: `var(--radius)`, + md: `calc(var(--radius) - 2px)`, + sm: 'calc(var(--radius) - 4px)' + }, + keyframes: { + 'accordion-down': { + from: { height: 0 }, + to: { height: 'var(--radix-accordion-content-height)' } + }, + 'accordion-up': { + from: { height: 'var(--radix-accordion-content-height)' }, + to: { height: 0 } + }, + 'slide-from-left': { + '0%': { + transform: 'translateX(-100%)' + }, + '100%': { + transform: 'translateX(0)' + } + }, + 'slide-to-left': { + '0%': { + transform: 'translateX(0)' + }, + '100%': { + transform: 'translateX(-100%)' + } + } + }, + animation: { + 'slide-from-left': + 'slide-from-left 0.3s cubic-bezier(0.82, 0.085, 0.395, 0.895)', + 'slide-to-left': + 'slide-to-left 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895)', + 'accordion-down': 'accordion-down 0.2s ease-out', + 'accordion-up': 'accordion-up 0.2s ease-out' + } + } }, plugins: [require('tailwindcss-animate'), require('@tailwindcss/typography')] -} +} \ No newline at end of file