From 92fe34d43ff0a4b7f4a2b5b0bf2fd4bbbdcbc55b Mon Sep 17 00:00:00 2001 From: Manav Rathi Date: Wed, 5 Feb 2025 16:59:00 +0530 Subject: [PATCH] Reintroduce backdrop filter --- web/apps/photos/src/pages/_app.tsx | 3 --- web/packages/base/components/mui/SidebarDrawer.tsx | 3 ++- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/web/apps/photos/src/pages/_app.tsx b/web/apps/photos/src/pages/_app.tsx index 06f021fcbc..1ed13bb321 100644 --- a/web/apps/photos/src/pages/_app.tsx +++ b/web/apps/photos/src/pages/_app.tsx @@ -227,9 +227,6 @@ const WindowTitlebar: React.FC = ({ 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; diff --git a/web/packages/base/components/mui/SidebarDrawer.tsx b/web/packages/base/components/mui/SidebarDrawer.tsx index 2ae61def8c..abaf84c64c 100644 --- 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 = ({ 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, }} />