fix: match action button + close icon color to primary (price color); add shadow + backdrop blur to Alert
This commit is contained in:
@@ -38,6 +38,8 @@ export function NotificationStack() {
|
||||
px: 2,
|
||||
py: 1.5,
|
||||
alignItems: 'center',
|
||||
boxShadow: '0 4px 16px rgba(0,0,0,0.08)',
|
||||
backdropFilter: 'blur(8px)',
|
||||
'& .MuiAlert-icon': {
|
||||
py: 0.5,
|
||||
mr: 1.5,
|
||||
@@ -56,7 +58,7 @@ export function NotificationStack() {
|
||||
ml: 1.5,
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
gap: 0.5,
|
||||
gap: 1,
|
||||
},
|
||||
}}
|
||||
action={
|
||||
@@ -76,7 +78,7 @@ export function NotificationStack() {
|
||||
py: 0.5,
|
||||
borderRadius: 8,
|
||||
whiteSpace: 'nowrap',
|
||||
color: 'success.main',
|
||||
color: 'primary.main',
|
||||
'&:hover': {
|
||||
bgcolor: 'action.hover',
|
||||
},
|
||||
@@ -85,7 +87,11 @@ export function NotificationStack() {
|
||||
{n.actionLabel}
|
||||
</Button>
|
||||
)}
|
||||
<IconButton size="small" color="inherit" onClick={() => dismissNotification(n.id)}>
|
||||
<IconButton
|
||||
size="small"
|
||||
onClick={() => dismissNotification(n.id)}
|
||||
sx={{ color: 'primary.main' }}
|
||||
>
|
||||
<CloseIcon fontSize="small" />
|
||||
</IconButton>
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user