sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center sidebar advertisements vertically on the screen

Browse Source 
Update ad positioning logic in home.tsx to vertically center ads.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 773c8986-2f50-40e6-bc55-8ced2aa4d5ed
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/jdAEdU5
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic
2026-03-04 08:46:18 +00:00
parent ca106ddeef
commit ff71db433f
4 changed files with 546 additions and 542 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/home.tsx
+16 -12
View File
@@ -597,19 +597,23 @@ export default function Home() {
<div className="min-h-screen bg-background">
<Header />
<div className="relative">
<div className="hidden 2xl:block fixed left-0 top-20 w-[160px] h-[600px] z-10" data-testid="ad-left-sidebar">
<AdSense
slot="2398082838"
format="vertical"
style={{ display: "block", width: "160px", height: "600px" }}
/>
<div className="hidden 2xl:flex fixed left-0 top-0 bottom-0 w-[160px] z-10 items-center justify-center pointer-events-none" data-testid="ad-left-sidebar">
<div className="pointer-events-auto">
<AdSense
slot="2398082838"
format="vertical"
style={{ display: "block", width: "160px", height: "600px" }}
/>
</div>
</div>
<div className="hidden 2xl:block fixed right-0 top-20 w-[160px] h-[600px] z-10" data-testid="ad-right-sidebar">
<AdSense
slot="2398082838"
format="vertical"
style={{ display: "block", width: "160px", height: "600px" }}
/>
<div className="hidden 2xl:flex fixed right-0 top-0 bottom-0 w-[160px] z-10 items-center justify-center pointer-events-none" data-testid="ad-right-sidebar">
<div className="pointer-events-auto">
<AdSense
slot="2398082838"
format="vertical"
style={{ display: "block", width: "160px", height: "600px" }}
/>
</div>
</div>
</div>
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-4">