feat: enhance CoordinatorEmptyState and ThemeSelector with gradient utilities and improved layout

This commit is contained in:
catlog22
2026-02-04 23:06:00 +08:00
parent de989aa038
commit 369b470969
6 changed files with 79 additions and 58 deletions

View File

@@ -8,6 +8,9 @@ const gradientPlugin = plugin(function({ addUtilities, addComponents }) {
'.bg-gradient-primary': {
backgroundImage: 'radial-gradient(circle, hsl(var(--accent)) 0%, transparent 70%)',
},
'.bg-gradient-secondary': {
backgroundImage: 'radial-gradient(circle, hsl(var(--secondary)) 0%, transparent 70%)',
},
'.bg-gradient-brand': {
backgroundImage: 'linear-gradient(to right, hsl(var(--primary)), hsl(var(--secondary)))',
},
@@ -17,6 +20,19 @@ const gradientPlugin = plugin(function({ addUtilities, addComponents }) {
'.bg-gradient-conic': {
backgroundImage: 'conic-gradient(var(--tw-gradient-stops))',
},
// Hover glow effect utilities
'.hover-glow': {
transition: 'box-shadow 0.3s ease-in-out',
'&:hover': {
boxShadow: '0 0 40px 10px hsl(var(--accent) / 0.7)',
},
},
'.hover-glow-primary': {
transition: 'box-shadow 0.3s ease-in-out',
'&:hover': {
boxShadow: '0 0 40px 10px hsl(var(--primary) / 0.5)',
},
},
});
// 2. Gradient border component