From 09627a5336b3fa21228d6df9977918f26047f02a Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Mon, 10 Feb 2025 14:33:24 +0300
Subject: [PATCH] header: add backdrop blur

---
 apps/web/components/navigation/header/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/components/navigation/header/index.tsx b/apps/web/components/navigation/header/index.tsx
index 2cb0e7d..0d8864c 100644
--- a/apps/web/components/navigation/header/index.tsx
+++ b/apps/web/components/navigation/header/index.tsx
@@ -6,7 +6,7 @@ type Props = { title: string | undefined };
 
 export function PageHeader(props: Readonly<Props>) {
   return (
-    <div className="sticky top-0 z-50 flex items-center rounded-b-lg bg-transparent p-2">
+    <div className="sticky top-0 z-50 flex items-center rounded-b-lg bg-transparent p-2 backdrop-blur-md">
       <BackButton />
       <PageTitle title={props.title} />
     </div>