sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Apply consistent header styling across all pages

Browse Source 
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
This commit is contained in:
sebastjanartic 2025-08-30 20:41:38 +00:00
parent 52a9a86077
commit 5d6a4ab8b1
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/search-header.tsx
View File

@ -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">

4
client/src/pages/VideoPage.tsx
View File

@ -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">