2394c13065
* Eslint import order * Initial Uikit * Rename file with camelCase * Remove unused code * Remove unused code * Set position traficlight mac * Grouping Ribbon, Topbar and Bottombar as layout * Added image brand * Moving feature toggle into context folder * Fix active state of setting menu * Cleanup downloadModel atom helper * Cleanup useGetConfigureModel * Added wave animation * Create useMainViewState intead of import helper atom * Remove unused code * Take a back switch ui * Toggle using switch component * Add dynamic primary color * Cleanup import * Added uikit scroll area * Add best practice form * Added toaster container * Fix loader container * Add hooks useDownloadState * Added tooltip on ribbon menu * Added case user multiple download model * Adjust input style with bigger ring * Restyle my model screen * Replace useStartStop model with useActiveModel * Import icon using Icon name * Fix missing login loading start and stop model * WIP integrate with cmdk * Move layout search bar on middle of app * Added function cancel download * Cleanup model explore * Cleanup unused code * Move app version in bototmbar or footer * WIP chat screen * WIP chat screen * Cleanup style and remove unsed code * Added command for showing downloaded model * Fix missing keyframe loader dot animation * Conditional loader of plugin setting * WIP history list message * chore: rebase main * Adding script ui into root package * Fix different version react hooks form * Add close toaster * Added status model active or not on list of command * Conditional showing info if user don't have a model * Disabled toolbar chat when user not yet have convo * chore: fix state * fix: get resource atom * Fix conditional bottom bar * fix: model download state * Fix font * Improve icon my model * Add toaster delete chat * Remove test classname * Fix scroll chat body * Fix scrolling chat body * chore: add message update * Add uikit into depedencies on root package * Update chat flow * Fix hot reload ui changes * Increate background color chat screen light mode * Added visual conversation active state * Added build:uikit on gh actions * chore: attempt to fix CI * fix: deps * fix: tests * chore: attempt to fix CI --------- Co-authored-by: Louis <louis@jan.ai>
87 lines
2.7 KiB
JavaScript
87 lines
2.7 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',
|
|
},
|
|
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)' },
|
|
},
|
|
},
|
|
extend: {
|
|
fontFamily: {
|
|
fontFamily: {
|
|
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
|
|
},
|
|
},
|
|
colors: {
|
|
'background': 'hsl(var(--background))',
|
|
'foreground': 'hsl(var(--foreground))',
|
|
|
|
'card': 'hsl(var(--card))',
|
|
'card-foreground': 'hsl(var(--card-foreground))',
|
|
|
|
'primary': 'hsl(var(--primary))',
|
|
'primary-foreground': 'hsl(var(--primary-foreground))',
|
|
|
|
'secondary': 'hsl(var(--secondary))',
|
|
'secondary-foreground': 'hsl(var(--secondary-foreground))',
|
|
|
|
'muted': 'hsl(var(--muted))',
|
|
'muted-foreground': 'hsl(var(--muted-foreground))',
|
|
|
|
'accent': 'hsl(var(--accent))',
|
|
'accent-foreground': 'hsl(var(--accent-foreground))',
|
|
|
|
'danger': 'hsl(var(--danger))',
|
|
'danger-foreground': 'hsl(var(--danger-foreground))',
|
|
|
|
'border': 'hsl(var(--border))',
|
|
'input': 'hsl(var(--input))',
|
|
'ring': 'hsl(var(--ring))',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|