♻️ refactor(Toolbar): add background color transition
adds a 200ms cubic-bezier(0.4, 0, 0.2, 1) transition to background color changes
This commit is contained in:
@@ -106,6 +106,10 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
|
|||||||
backgroundColor: 'hsla(0, 0%, 100%, 0.75)',
|
backgroundColor: 'hsla(0, 0%, 100%, 0.75)',
|
||||||
backdropFilter: 'blur(8px)',
|
backdropFilter: 'blur(8px)',
|
||||||
}),
|
}),
|
||||||
|
transition: theme.transitions.create('background-color', {
|
||||||
|
duration: theme.transitions.duration.shorter,
|
||||||
|
easing: theme.transitions.easing.easeInOut,
|
||||||
|
}),
|
||||||
...props.sx,
|
...props.sx,
|
||||||
}}>
|
}}>
|
||||||
<Toolbar
|
<Toolbar
|
||||||
|
|||||||
Reference in New Issue
Block a user