jan/web/tailwind.config.js
Faisal Amir 043284f51e
chore: reasoning block (#4551)
* chore: reasoning text block

* chore: update interface support all theme

* chore: update failed test

* chore: update state collapsed based on message index

* fix: use reserve_id instead of message index

* chore: clean up

* chore: fix loading indicator

---------

Co-authored-by: Louis <louis@jan.ai>
2025-02-01 22:22:45 +07:00

66 lines
2.0 KiB
JavaScript

/* eslint-disable @typescript-eslint/naming-convention */
// eslint-disable-next-line @typescript-eslint/no-var-requires
const defaultTheme = require('tailwindcss/defaultTheme')
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./app/**/*.{js,ts,jsx,tsx,mdx}',
'./containers/**/*.{js,ts,jsx,tsx,mdx}',
'./screens/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
animation: {
'wave': 'wave 2.5s linear infinite',
'enter': 'enter 200ms ease-out',
'slide-in': 'slide-in 1.2s cubic-bezier(.41,.73,.51,1.02)',
'leave': 'leave 150ms ease-in forwards',
'bounce-right': 'bounce-right 3s infinite',
'spin': 'spin 2s linear infinite',
},
keyframes: {
'wave': {
'0%': { transform: 'rotate( 0.0deg)' },
'10%': { transform: 'rotate(14.0deg)' },
'20%': { transform: 'rotate(-8.0deg)' },
'30%': { transform: 'rotate(14.0deg)' },
'40%': { transform: 'rotate(-4.0deg)' },
'50%': { transform: 'rotate(10.0deg)' },
'60%': { transform: 'rotate( 0.0deg)' },
'100%': { transform: 'rotate( 0.0deg)' },
},
'enter': {
'0%': { transform: 'scale(0.8)', opacity: '0' },
'100%': { transform: 'scale(1)', opacity: '1' },
},
'leave': {
'0%': { transform: 'scale(1)', opacity: '1' },
'100%': { transform: 'scale(0.8)', opacity: '0' },
},
'slide-in': {
'0%': { transform: 'translateY(-100%)' },
'100%': { transform: 'translateY(0)' },
},
'bounce-right': {
'0%,20%, 50%,80%,100%': { transform: 'translateX(0)' },
'40%': { transform: 'translateX(-8px)' },
'60%': { transform: 'translateX(-4px)' },
},
'spin': {
'0%': { transform: 'rotate(0deg)' },
'100%': { transform: 'rotate(360deg)' },
},
},
extend: {
fontFamily: {
fontFamily: {
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
},
},
},
},
plugins: [],
}