fix: head overlap on mobile

Crossbell-Box · Jan 23, 2024 · c93c131 · c93c131
1 parent 03cbc20
commit c93c131
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
@@ -58,7 +58,7 @@ export const SiteHeader = async ({
             case "video":
               return (
                 <video
-                  className="object-cover h-full w-full"
+                  className="object-cover size-full"
                   src={site?.metadata?.content?.banners?.[0]?.address}
                   autoPlay
                   muted
@@ -73,7 +73,7 @@ export const SiteHeader = async ({
       </div>
       <div
         className={cn(
-          "px-5 max-w-screen-lg mx-auto h-full relative flex items-center flex-col",
+          "px-5 max-w-screen-lg mx-auto h-full relative flex items-center flex-col z-10",
           site?.metadata?.content?.banners?.[0]?.address
             ? "bg-white/50 backdrop-blur-sm sm:bg-transparent sm:backdrop-filter-none"
             : "",