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

Make the header scroll with the page content

Browse Source 
Adjusted the `Home` component in `client/src/pages/home.tsx` to ensure the header scrolls with the page content by modifying its CSS positioning from `fixed` to `static`.

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/Z1wmn8z
This commit is contained in:
sebastjanartic 2025-08-30 21:09:57 +00:00
parent e21dbee631
commit 1604bdaab0
1 changed files with 1 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,12 +74,7 @@ export default function Home() {
return ( return (
<div className="min-h-screen bunny-dark static-triangles" style={{position: 'static'}}> <div className="min-h-screen bunny-dark static-triangles" style={{position: 'static'}}>
{/* TEST ELEMENT - Should scroll with page */} {/* Header - Now scrolls with page! */}
<div style={{background: 'red', color: 'white', padding: '20px', textAlign: 'center', fontSize: '24px', position: 'static', display: 'block'}}>
🔴 TEST HEADER - Should scroll with page! 🔴
</div>
{/* Simple Header - MUST scroll with page */}
<header style={{position: 'static', display: 'block', width: '100%', padding: '16px 0', background: 'transparent'}}> <header style={{position: 'static', display: 'block', width: '100%', padding: '16px 0', background: 'transparent'}}>
<div style={{maxWidth: '1200px', margin: '0 auto', padding: '0 16px', display: 'flex', alignItems: 'center', justifyContent: 'space-between'}}> <div style={{maxWidth: '1200px', margin: '0 auto', padding: '0 16px', display: 'flex', alignItems: 'center', justifyContent: 'space-between'}}>
{/* Logo */} {/* Logo */}