Add sticky sidebar advertisements to the website for desktop users
Introduce sticky vertical AdSense advertisements to the left and right sidebars, visible on screens wider than 1536px. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: f06a13fe-4c0b-42dd-a2d2-1ef93d0423d0 Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof Replit-Helium-Checkpoint-Created: true
This commit is contained in:
parent
1af90859ca
commit
78ddc5ef76
@ -596,6 +596,22 @@ export default function Home() {
|
|||||||
return (
|
return (
|
||||||
<div className="min-h-screen bg-background">
|
<div className="min-h-screen bg-background">
|
||||||
<Header />
|
<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>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-4">
|
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-4">
|
||||||
|
|
||||||
<div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
|
<div className="grid grid-cols-1 lg:grid-cols-4 gap-4">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user