design: style Snackbar and Alert with minimalist warm monochrome palette

2026-05-25 19:03:50 +05:00
parent f24308bb56
commit 9784ac3cb2
3 changed files with 141 additions and 1 deletions
@@ -25,12 +25,50 @@ export function CartSnackbar() {
      onClose={handleClose}
      anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
      autoHideDuration={4000}
+      sx={{
+        '& .MuiSnackbarContent-root': {
+          borderRadius: 12,
+          border: '1px solid',
+          borderColor: 'rgba(0,0,0,0.06)',
+          bgcolor: 'background.paper',
+          boxShadow: '0 4px 20px rgba(0,0,0,0.08)',
+        },
+      }}
    >
      <Alert
        severity="success"
+        variant="standard"
        onClose={handleClose}
+        sx={{
+          bgcolor: 'transparent',
+          border: 'none',
+          boxShadow: 'none',
+          p: 1.5,
+          '& .MuiAlert-message': {
+            fontSize: '0.875rem',
+            fontWeight: 600,
+          },
+          '& .MuiAlert-action': {
+            mr: 0,
+          },
+        }}
        action={
-          <Button color="success" size="small" onClick={handleGoToCart}>
+          <Button
+            size="small"
+            variant="text"
+            onClick={handleGoToCart}
+            sx={{
+              fontWeight: 600,
+              fontSize: '0.8125rem',
+              px: 1.5,
+              py: 0.5,
+              borderRadius: 8,
+              color: 'success.main',
+              '&:hover': {
+                bgcolor: 'action.hover',
+              },
+            }}
+          >
            Перейти в корзину
          </Button>
        }