Files
pulse/tailwind.config.js
T
rcourtman f53550fc6c fix: simplify frontend update channel switching for better UX
- Remove confusing "preview mode" - channels switch and save immediately
- Eliminate complex localStorage channel persistence logic
- Reduce update reload time from 10+ seconds to 3 seconds
- Remove redundant "Switch to X & Update" buttons
- Make channel switching instant with immediate feedback

Users can now simply change the dropdown to switch channels instantly,
then click Apply Update for a fast 3-second reload experience.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-06-14 11:01:03 +01:00

70 lines
1.9 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
content: [
'./src/public/**/*.html',
'./src/public/**/*.js',
],
safelist: [
'opacity-60',
{
pattern: /^(bg|text)-(red|yellow|green|blue)-(100|200|300|400|500|600|700|800|900)(\/50)?$/,
},
// Specific dark mode classes needed for alert management modal
'dark:bg-blue-900/20',
'dark:bg-yellow-900/20',
'dark:border-blue-800',
'dark:border-yellow-800',
'dark:text-blue-200',
'dark:text-blue-300',
'dark:text-blue-400',
'dark:text-yellow-200',
'dark:text-yellow-300',
'dark:text-yellow-400',
'dark:hover:text-blue-200',
'dark:hover:text-yellow-200',
'grid-cols-1', 'grid-cols-2', 'grid-cols-3', 'grid-cols-4',
'sm:grid-cols-1', 'sm:grid-cols-2', 'sm:grid-cols-3', 'sm:grid-cols-4',
'md:grid-cols-1', 'md:grid-cols-2', 'md:grid-cols-3', 'md:grid-cols-4',
'lg:grid-cols-1', 'lg:grid-cols-2', 'lg:grid-cols-3', 'lg:grid-cols-4',
'xl:grid-cols-1', 'xl:grid-cols-2', 'xl:grid-cols-3', 'xl:grid-cols-4',
'vm-icon',
'ct-icon',
'hidden',
'inline',
'sm:hidden',
'sm:inline',
'truncate',
'px-1',
'table-cell',
'sm:table-cell',
'md:table-cell',
'lg:table-cell',
],
theme: {
extend: {},
scrollbar: theme => ({
DEFAULT: {
size: theme('spacing.3'),
track: {
background: theme('colors.gray.100'),
darkBackground: theme('colors.neutral.700'),
},
thumb: {
background: theme('colors.gray.400'),
darkBackground: theme('colors.neutral.500'),
borderRadius: theme('borderRadius.full'),
},
hover: {
background: theme('colors.gray.500'),
darkBackground: theme('colors.neutral.400'),
},
},
}),
},
plugins: [
require('@gradin/tailwindcss-scrollbar'),
],
}