mirror of
https://github.com/AppFlowy-IO/AppFlowy-Web.git
synced 2025-11-28 10:18:47 +08:00
15ec240887
* chore: import new ui system * chore: modified padding and rounded * chore: remove vertical padding * chore: add shadow * chore: add shadcn popover (#76) * chore: add circle progress (#77) * chore: add input (#78) * feat: add shadcn toast (#80) * chore: initial import * chore: style * chore: important * chore: add dropdown menu (#81) * feat: add shadcn tooltip (#79) * chore: initial import * chore: style * chore: fix text size * chore: add tooltip shortcut * chore: code cleanup and add flex col * chore: add avatar (#82) * chore: add dialog (#83) --------- Co-authored-by: Richard Shiue <71320345+richardshiue@users.noreply.github.com>
47 lines
938 B
JavaScript
47 lines
938 B
JavaScript
const colors = require('./tailwind/colors.cjs');
|
|
const boxShadow = require('./tailwind/box-shadow.cjs');
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./index.html',
|
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
'./node_modules/react-tailwindcss-datepicker/dist/index.esm.js',
|
|
],
|
|
important: '#body',
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
colors,
|
|
boxShadow,
|
|
borderRadius: {
|
|
100: '4px',
|
|
200: '6px',
|
|
300: '8px',
|
|
400: '12px',
|
|
500: '16px',
|
|
600: '20px',
|
|
xs: '4px',
|
|
sm: '6px',
|
|
md: '12px',
|
|
lg: '16px',
|
|
xl: '20px',
|
|
},
|
|
padding: {
|
|
100: '4px',
|
|
200: '6px',
|
|
300: '8px',
|
|
400: '12px',
|
|
500: '16px',
|
|
600: '20px',
|
|
xs: '4px',
|
|
sm: '6px',
|
|
md: '12px',
|
|
lg: '16px',
|
|
xl: '20px',
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
};
|