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,
|
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.
Reference in New Issue
Block a user