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

Remove unnecessary 'relative' positioning from sticky headers

Browse Source 
Removes the 'relative' class from the header div in FolxStadlPage, VideoPage, home, and not-found pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/ltgXnRK
This commit is contained in:
sebastjanartic 2025-08-30 21:21:46 +00:00
parent bfa6b23421
commit 0875db5a5c
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/pages/FolxStadlPage.tsx
View File

@ -57,7 +57,7 @@ export default function FolxStadlPage() {
return ( return (
<div className="min-h-screen bg-bunny-dark text-white"> <div className="min-h-screen bg-bunny-dark text-white">
{/* Header */} {/* Header */}
<div className="header-sticky bg-transparent relative overflow-hidden"> <div className="header-sticky bg-transparent overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4"> <div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{/* Left side - Logo */} {/* Left side - Logo */}

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

@ -203,7 +203,7 @@ export default function VideoPage() {
return ( return (
<div className="min-h-screen bunny-dark static-triangles"> <div className="min-h-screen bunny-dark static-triangles">
{/* Header */} {/* Header */}
<div className="header-sticky bg-transparent relative overflow-hidden"> <div className="header-sticky bg-transparent overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4"> <div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{/* Left side - Logo */} {/* Left side - Logo */}

2
client/src/pages/home.tsx
View File

@ -75,7 +75,7 @@ export default function Home() {
return ( return (
<div style={{minHeight: '100vh', background: 'linear-gradient(135deg, hsl(250, 50%, 15%) 0%, hsl(240, 30%, 25%) 100%)', color: 'white'}}> <div style={{minHeight: '100vh', background: 'linear-gradient(135deg, hsl(250, 50%, 15%) 0%, hsl(240, 30%, 25%) 100%)', color: 'white'}}>
{/* STICKY HEADER */} {/* STICKY HEADER */}
<div className="header-sticky bg-transparent relative overflow-hidden"> <div className="header-sticky bg-transparent overflow-hidden">
<div className="max-w-7xl mx-auto px-4 py-4"> <div className="max-w-7xl mx-auto px-4 py-4">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
{/* Left side - Logo */} {/* Left side - Logo */}

2
client/src/pages/not-found.tsx
View File

@ -7,7 +7,7 @@ export default function NotFound() {
return ( return (
<div className="min-h-screen bunny-dark static-triangles"> <div className="min-h-screen bunny-dark static-triangles">
{/* Header - same as other pages */} {/* Header - same as other pages */}
<div className="header-sticky bg-transparent relative overflow-hidden"> <div className="header-sticky bg-transparent overflow-hidden">
{/* Triangle decorations in header */} {/* Triangle decorations in header */}
<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-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> <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>