dsrptlab/clientsflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Restructure omni services and add Chatwoot research snapshot

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-02-21 11:11:27 +07:00
parent edea7a0034
commit b73babbbf6
7732 changed files with 978203 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

276
research/chatwoot/tailwind.config.js Normal file
View File

@@ -0,0 +1,276 @@
const { slateDark } = require('@radix-ui/colors');
import { colors } from './theme/colors';
import { icons } from './theme/icons';
const defaultTheme = require('tailwindcss/defaultTheme');
const {
iconsPlugin,
getIconCollections,
} = require('@egoist/tailwindcss-icons');
const defaultSansFonts = [
'-apple-system',
'system-ui',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Tahoma',
'Arial',
'sans-serif !important',
];
const tailwindConfig = {
darkMode: 'class',
content: [
'./enterprise/app/views/**/*.html.erb',
'./app/javascript/widget/**/*.vue',
'./app/javascript/v3/**/*.vue',
'./app/javascript/dashboard/**/*.vue',
'./app/javascript/portal/**/*.vue',
'./app/javascript/shared/**/*.vue',
'./app/javascript/survey/**/*.vue',
'./app/javascript/dashboard/components-next/**/*.vue',
'./app/javascript/dashboard/helper/**/*.js',
'./app/javascript/dashboard/composables/**/*.js',
'./app/javascript/dashboard/components-next/**/*.js',
'./app/javascript/dashboard/routes/dashboard/**/**/*.js',
'./app/views/**/*.html.erb',
],
theme: {
extend: {
fontFamily: {
sans: defaultSansFonts,
inter: ['Inter', ...defaultSansFonts],
interDisplay: ['InterDisplay', ...defaultSansFonts],
},
fontWeight: {
420: '420',
440: '440',
460: '460',
520: '520',
},
typography: {
bubble: {
css: {
color: 'rgb(var(--slate-12))',
lineHeight: '1.6',
fontSize: '14px',
'*': {
'&:first-child': {
marginTop: '0',
},
},
overflowWrap: 'anywhere',
strong: {
color: 'rgb(var(--slate-12))',
fontWeight: '700',
},
b: {
color: 'rgb(var(--slate-12))',
fontWeight: '700',
},
h1: {
color: 'rgb(var(--slate-12))',
fontWeight: '700',
fontSize: '1.25rem',
'&:first-child': {
marginTop: '0',
},
},
h2: {
color: 'rgb(var(--slate-12))',
fontWeight: '700',
fontSize: '1rem',
'&:first-child': {
marginTop: '0',
},
},
h3: {
color: 'rgb(var(--slate-12))',
fontWeight: '700',
fontSize: '1rem',
'&:first-child': {
marginTop: '0',
},
},
hr: {
marginTop: '1.5em',
marginBottom: '1.5em',
},
a: {
color: 'rgb(var(--slate-12))',
textDecoration: 'underline',
},
ul: {
paddingInlineStart: '0.625em',
},
ol: {
paddingInlineStart: '0.625em',
},
'ul li': {
margin: '0 0 0.5em 1em',
listStyleType: 'disc',
'[dir="rtl"] &': {
margin: '0 1em 0.5em 0',
},
},
'ol li': {
margin: '0 0 0.5em 1em',
listStyleType: 'decimal',
'[dir="rtl"] &': {
margin: '0 1em 0.5em 0',
},
},
blockquote: {
color: 'rgb(var(--slate-11))',
borderLeft: `4px solid rgb(var(--black-alpha-1))`,
paddingLeft: '1em',
'[dir="rtl"] &': {
borderLeft: 'none',
paddingLeft: '0',
borderRight: `4px solid rgb(var(--black-alpha-1))`,
paddingRight: '1em',
},
'[dir="ltr"] &': {
borderRight: 'none',
paddingRight: '0',
},
},
code: {
backgroundColor: 'rgb(var(--alpha-3))',
color: 'rgb(var(--slate-11))',
padding: '0.2em 0.4em',
borderRadius: '4px',
fontSize: '0.95em',
'&::before': {
content: `none`,
},
'&::after': {
content: `none`,
},
},
pre: {
backgroundColor: 'rgb(var(--alpha-3))',
padding: '1em',
borderRadius: '6px',
overflowX: 'auto',
},
table: {
width: '100%',
borderCollapse: 'collapse',
},
th: {
padding: '0.75em',
color: 'rgb(var(--slate-12))',
border: `none`,
textAlign: 'start',
fontWeight: '600',
},
tr: {
border: `none`,
},
td: {
padding: '0.75em',
border: `none`,
},
img: {
maxWidth: '100%',
height: 'auto',
marginTop: 'unset',
marginBottom: 'unset',
},
},
},
},
},
screens: {
xs: '480px',
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
'3xl': '1900px',
},
fontSize: {
...defaultTheme.fontSize,
xxs: '0.625rem',
},
colors: {
transparent: 'transparent',
white: '#fff',
'modal-backdrop-light': 'rgba(0, 0, 0, 0.4)',
'modal-backdrop-dark': 'rgba(0, 0, 0, 0.6)',
current: 'currentColor',
...colors,
body: slateDark.slate7,
},
keyframes: {
...defaultTheme.keyframes,
wiggle: {
'0%': { transform: 'translateX(0)' },
'15%': { transform: 'translateX(0.375rem)' },
'30%': { transform: 'translateX(-0.375rem)' },
'45%': { transform: 'translateX(0.375rem)' },
'60%': { transform: 'translateX(-0.375rem)' },
'75%': { transform: 'translateX(0.375rem)' },
'90%': { transform: 'translateX(-0.375rem)' },
'100%': { transform: 'translateX(0)' },
},
'fade-in-up': {
'0%': { opacity: 0, transform: 'translateY(0.5rem)' },
'100%': { opacity: 1, transform: 'translateY(0)' },
},
'loader-pulse': {
'0%': { opacity: 0.4 },
'50%': { opacity: 1 },
'100%': { opacity: 0.4 },
},
'card-select': {
'0%, 100%': {
transform: 'translateX(0)',
},
'50%': {
transform: 'translateX(1px)',
},
},
shake: {
'0%, 100%': { transform: 'translateX(0)' },
'25%': { transform: 'translateX(0.234375rem)' },
'50%': { transform: 'translateX(-0.234375rem)' },
'75%': { transform: 'translateX(0.234375rem)' },
},
},
animation: {
...defaultTheme.animation,
wiggle: 'wiggle 0.5s ease-in-out',
'fade-in-up': 'fade-in-up 0.3s ease-out',
'loader-pulse': 'loader-pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'card-select': 'card-select 0.25s ease-in-out',
shake: 'shake 0.3s ease-in-out 0s 2',
},
},
plugins: [
// eslint-disable-next-line
require('@tailwindcss/typography'),
iconsPlugin({
collections: {
woot: { icons },
...getIconCollections([
'lucide',
'logos',
'ri',
'ph',
'material-symbols',
'teenyicons',
'fluent',
]),
},
}),
],
};
module.exports = tailwindConfig;