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

Adjust spacing and ad placement on various content pages

Browse Source 
Modify pagination margin and conditionally render inline ads on FolxStadlPage, GeschichteLiedPage, and GipfelstammtischPage to improve layout and ad visibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 401e2ec0-e00d-4f10-9d0e-60f3d479f9a5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/401e2ec0-e00d-4f10-9d0e-60f3d479f9a5/aTy9jKE
This commit is contained in:
sebastjanartic 2025-09-28 20:24:21 +00:00
parent ef22a790e6
commit f90d639dbd
5 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.replit
View File

@ -27,6 +27,10 @@ externalPort = 3001
localPort = 35637 localPort = 35637
externalPort = 3000 externalPort = 3000
[[ports]]
localPort = 39869
externalPort = 3003
[env] [env]
PORT = "5000" PORT = "5000"

BIN
attached_assets/image_1759090841168.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

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

@ -297,7 +297,7 @@ export default function FolxStadlPage() {
{/* Bottom Pagination */} {/* Bottom Pagination */}
{totalPages > 1 && ( {totalPages > 1 && (
<div className="mt-8 flex justify-center gap-1 px-4 overflow-x-auto"> <div className="mt-8 mb-10 flex justify-center gap-1 px-4 overflow-x-auto">
{Array.from({ length: Math.min(totalPages, 5) }, (_, i) => { {Array.from({ length: Math.min(totalPages, 5) }, (_, i) => {
let pageNum; let pageNum;
if (totalPages <= 5) { if (totalPages <= 5) {
@ -331,7 +331,9 @@ export default function FolxStadlPage() {
</div> </div>
{/* Final inline ad before footer */} {/* Final inline ad before footer */}
<InlineAd /> <div className="hidden lg:block container mt-16">
<InlineAd />
</div>
{/* Footer */} {/* Footer */}
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12"> <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">

6
client/src/pages/GeschichteLiedPage.tsx
View File

@ -299,7 +299,7 @@ export default function GeschichteLiedPage() {
{/* Bottom Pagination */} {/* Bottom Pagination */}
{totalPages > 1 && ( {totalPages > 1 && (
<div className="mt-8 flex justify-center gap-1 px-4 overflow-x-auto"> <div className="mt-8 mb-10 flex justify-center gap-1 px-4 overflow-x-auto">
{Array.from({ length: Math.min(totalPages, 5) }, (_, i) => { {Array.from({ length: Math.min(totalPages, 5) }, (_, i) => {
let pageNum; let pageNum;
if (totalPages <= 5) { if (totalPages <= 5) {
@ -332,7 +332,9 @@ export default function GeschichteLiedPage() {
</div> </div>
{/* Final inline ad before footer */} {/* Final inline ad before footer */}
<InlineAd /> <div className="hidden lg:block container mt-16">
<InlineAd />
</div>
{/* Footer */} {/* Footer */}
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12"> <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">

6
client/src/pages/GipfelstammtischPage.tsx
View File

@ -299,7 +299,7 @@ export default function GipfelstammtischPage() {
{/* Bottom Pagination */} {/* Bottom Pagination */}
{totalPages > 1 && ( {totalPages > 1 && (
<div className="mt-8 flex justify-center gap-1 px-4 overflow-x-auto"> <div className="mt-8 mb-10 flex justify-center gap-1 px-4 overflow-x-auto">
{Array.from({ length: Math.min(totalPages, 5) }, (_, i) => { {Array.from({ length: Math.min(totalPages, 5) }, (_, i) => {
let pageNum; let pageNum;
if (totalPages <= 5) { if (totalPages <= 5) {
@ -332,7 +332,9 @@ export default function GipfelstammtischPage() {
</div> </div>
{/* Final inline ad before footer */} {/* Final inline ad before footer */}
<InlineAd /> <div className="hidden lg:block container mt-16">
<InlineAd />
</div>
{/* Footer */} {/* Footer */}
<footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12"> <footer className="bg-bunny-dark/90 border-t border-white/10 py-8 mt-12">