casl/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

♻️ refactor(toolbar): add transparency to dark mode background

Browse Source
This commit is contained in:
m-tartari
2025-12-12 15:00:11 +01:00
parent 734dc9b5a9
commit 69b61cf90b
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/molecules/Toolbar/index.tsx
+6 -1
View File
@@ -109,8 +109,13 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
elevation={theme.palette.mode === 'light' ? 1 : 0} elevation={theme.palette.mode === 'light' ? 1 : 0}
{...props} {...props}
sx={{ sx={{
backgroundColor: trigger ? 'background.paper' : 'transparent', backgroundColor: 'transparent',
'@media print': { backgroundColor: 'background.default' }, '@media print': { backgroundColor: 'background.default' },
...(trigger && {
backgroundColor: 'hsla(230, 18%, 13%, 0.75)',
backdropFilter: 'blur(8px)',
boxShadow: theme.shadows[4],
}),
...(theme.palette.mode === 'light' && { ...(theme.palette.mode === 'light' && {
backgroundColor: 'hsla(0, 0%, 100%, 0.75)', backgroundColor: 'hsla(0, 0%, 100%, 0.75)',
backdropFilter: 'blur(8px)', backdropFilter: 'blur(8px)',