Reintroduce backdrop filter

2025-02-05 16:59:00 +05:30
parent a6a77ffb9c
commit 92fe34d43f
2 changed files with 2 additions and 4 deletions
--- a/web/apps/photos/src/pages/_app.tsx
+++ b/web/apps/photos/src/pages/_app.tsx
@@ -227,9 +227,6 @@ const WindowTitlebar: React.FC<React.PropsWithChildren> = ({ children }) => (

 // See: [Note: Customize the desktop title bar]
 const WindowTitlebarArea = styled(CenteredFlex)`
-    // z-index: 10000;
-    // background-color: var(--mui-palette-backdrop-muted);
-    // backdrop-filter: blur(3px);
    width: 100%;
    height: env(titlebar-area-height, 30px /* fallback */);
    display: flex;
--- a/web/packages/base/components/mui/SidebarDrawer.tsx
+++ b/web/packages/base/components/mui/SidebarDrawer.tsx
@@ -51,7 +51,8 @@ export const SidebarDrawer: React.FC<DrawerProps> = ({ children, ...rest }) => (
                    left: 0,
                    width: "100%",
                    minHeight: "env(titlebar-area-height, 30px)",
-                    bgcolor: "background.default",
+                    bgcolor: "var(--mui-palette-backdrop-muted)",
+                    backdropFilter: "blur(3px)",
                    zIndex: 10000,
                }}
            />