add blur to header

decentdao · Apr 19, 2024 · 29ee8b3 · 29ee8b3
1 parent f86e2a0
commit 29ee8b3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/ui/page/Layout/index.tsx b/src/components/ui/page/Layout/index.tsx
@@ -35,6 +35,11 @@ export default function Layout() {
         <Box
           bg="#26212AD6"
           h="4rem"
+          sx={{
+            '& > *': {
+              backdropFilter: 'blur(12px)',
+            },
+          }}
           position="fixed"
           zIndex={5}
           w="full"