fix: match action button + close icon color to primary (price color); add shadow + backdrop blur to Alert

This commit is contained in:
Kirill
2026-05-27 23:29:25 +05:00
parent 39c9808eaa
commit 8e1f977d43
2 changed files with 9 additions and 3 deletions
@@ -38,6 +38,8 @@ export function NotificationStack() {
px: 2, px: 2,
py: 1.5, py: 1.5,
alignItems: 'center', alignItems: 'center',
boxShadow: '0 4px 16px rgba(0,0,0,0.08)',
backdropFilter: 'blur(8px)',
'& .MuiAlert-icon': { '& .MuiAlert-icon': {
py: 0.5, py: 0.5,
mr: 1.5, mr: 1.5,
@@ -56,7 +58,7 @@ export function NotificationStack() {
ml: 1.5, ml: 1.5,
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
gap: 0.5, gap: 1,
}, },
}} }}
action={ action={
@@ -76,7 +78,7 @@ export function NotificationStack() {
py: 0.5, py: 0.5,
borderRadius: 8, borderRadius: 8,
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
color: 'success.main', color: 'primary.main',
'&:hover': { '&:hover': {
bgcolor: 'action.hover', bgcolor: 'action.hover',
}, },
@@ -85,7 +87,11 @@ export function NotificationStack() {
{n.actionLabel} {n.actionLabel}
</Button> </Button>
)} )}
<IconButton size="small" color="inherit" onClick={() => dismissNotification(n.id)}> <IconButton
size="small"
onClick={() => dismissNotification(n.id)}
sx={{ color: 'primary.main' }}
>
<CloseIcon fontSize="small" /> <CloseIcon fontSize="small" />
</IconButton> </IconButton>
</> </>
Binary file not shown.