header: add backdrop blur

2025-02-10 14:33:24 +03:00 · 2025-02-10 14:33:24 +03:00 · 09627a5336
commit 09627a5336
parent 697383f81d
1 changed files with 1 additions and 1 deletions
--- 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>