mirror of
https://github.com/johndoe6345789/docker-swarm-termina.git
synced 2026-04-24 13:45:01 +00:00
Add button hover and disabled states to improve visibility
Toolbar buttons were appearing greyed out due to MUI's default disabled styling (0.38 opacity). Added custom disabled state styling with: - 0.5 opacity for better visibility - Muted background and border colors - Clear visual distinction from enabled state Also added hover effect with cyan glow to make enabled buttons more interactive and easier to identify. https://claude.ai/code/session_k071w
This commit is contained in:
@@ -85,9 +85,18 @@ const theme = createTheme({
|
||||
borderRadius: '6px',
|
||||
padding: '8px 16px',
|
||||
transition: 'all 0.1s ease',
|
||||
'&:hover': {
|
||||
boxShadow: '0 0 8px rgba(56, 178, 172, 0.3)',
|
||||
},
|
||||
'&:active': {
|
||||
transform: 'scale(0.98)',
|
||||
},
|
||||
'&.Mui-disabled': {
|
||||
opacity: 0.5,
|
||||
backgroundColor: 'rgba(74, 85, 104, 0.3)',
|
||||
borderColor: 'rgba(74, 85, 104, 0.5)',
|
||||
color: 'rgba(247, 250, 252, 0.5)',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user