Pulse/frontend-modern/tailwind.config.js
rcourtman 03d680365c feat(ui): optimize mobile view for Alerts, Storage, and Navigation
- Implement compact mobile navigation with label truncation on xs screens
- Optimize Alerts Overview with tighter spacing and better description truncation
- Enhance Storage table mobile view: consolidate Shared column, use StatusDots, and increase bar thickness
- Increase Node Summary table row height and column min-widths for readability
- Add xs (400px) breakpoint for granular mobile styling
2025-12-26 13:26:21 +00:00

37 lines
No EOL
695 B
JavaScript

import typography from '@tailwindcss/typography';
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
darkMode: 'class',
theme: {
screens: {
'xs': '400px',
'sm': '640px',
'md': '768px',
'lg': '1024px',
'xl': '1280px',
'2xl': '1536px',
},
extend: {
colors: {
gray: {
750: '#2d3748',
}
},
animation: {
'spin-slow': 'spin 2s linear infinite',
'fadeIn': 'fadeIn 0.2s ease-in',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
}
}
},
},
plugins: [typography],
}