From 5d6a4ab8b1c4848064aad8c484af505032b2af57 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:41:38 +0000
Subject: [PATCH] Apply consistent header styling across all pages

Updates the header component's styling to match the design of the 'Folx Stadl' page, ensuring a uniform look and feel across the application. This involves modifying CSS classes and structure in `client/src/components/search-header.tsx` and `client/src/pages/VideoPage.tsx` to achieve the desired aesthetic.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
---
 client/src/components/search-header.tsx | 4 ++--
 client/src/pages/VideoPage.tsx          | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index dca9f26..8961939 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -46,7 +46,7 @@ export default function SearchHeader({
   };
 
   return (
-    <div className="bunny-gray border-b border-white/20 sticky top-0 z-50 backdrop-blur-md relative overflow-hidden">
+    <div className="border-b border-white/10 bg-black/20 backdrop-blur-sm sticky top-0 z-50 relative overflow-hidden">
 
       
       {/* Static triangle decorations - fixed positioning */}
@@ -54,7 +54,7 @@ export default function SearchHeader({
       <div className="absolute top-3 left-[40%] w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-purple-400/6 transform -rotate-6 z-0 pointer-events-none"></div>
       
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-        <div className="flex items-center justify-between h-16">
+        <div className="flex items-center justify-between py-4">
           <div className="flex items-center space-x-4">
             <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
               <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 175aff8..5350f60 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -199,7 +199,7 @@ export default function VideoPage() {
   return (
     <div className="min-h-screen bunny-dark static-triangles">
       {/* Header with triangle design */}
-      <div className="bunny-gray border-b border-white/20 sticky top-0 z-[60] backdrop-blur-md relative overflow-hidden">
+      <div className="border-b border-white/10 bg-black/20 backdrop-blur-sm sticky top-0 z-[60] relative overflow-hidden">
         {/* Triangle decorations in header - same as home page */}
         <div className="absolute top-2 right-20 w-0 h-0 border-l-[35px] border-l-transparent border-r-[35px] border-r-transparent border-b-[50px] border-b-blue-400/15 rotate-12"></div>
         <div className="absolute top-3 left-1/3 w-0 h-0 border-l-[25px] border-l-transparent border-r-[25px] border-r-transparent border-b-[35px] border-b-purple-400/12 -rotate-6"></div>
@@ -209,7 +209,7 @@ export default function VideoPage() {
         <div className="triangle-decoration-3 opacity-20" style={{top: '30px', left: '70%'}}></div>
         
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-          <div className="flex items-center justify-between h-16">
+          <div className="flex items-center justify-between py-4">
             <div className="flex items-center space-x-4">
               <a href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
                 <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">