mirror of
https://github.com/catlog22/Claude-Code-Workflow.git
synced 2026-02-13 02:41:50 +08:00
feat: enhance CoordinatorEmptyState and ThemeSelector with gradient utilities and improved layout
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user