♻️ refactor(Toolbar): add background color transition

adds a 200ms cubic-bezier(0.4, 0, 0.2, 1) transition to background color changes
2025-06-19 16:05:01 +02:00
parent bb7f5c44ef
commit e84ae1c3fb
1 changed files with 4 additions and 0 deletions
@@ -106,6 +106,10 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
            backgroundColor: 'hsla(0, 0%, 100%, 0.75)',
            backdropFilter: 'blur(8px)',
          }),
+          transition: theme.transitions.create('background-color', {
+            duration: theme.transitions.duration.shorter,
+            easing: theme.transitions.easing.easeInOut,
+          }),
          ...props.sx,
        }}>
        <Toolbar