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

Improve footer display to prevent overlapping with advertisements

Browse Source 
Adjust footer styling to ensure sidebar advertisements remain visible by removing the full-width background from the footer element and applying it only to the content area, while maintaining text readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 98495929-00d4-48d6-b73e-5a2680ffcbc0
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/ee1CXlO
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-06 15:34:10 +00:00
parent d79cba268e
commit d056a4a06d
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772811183131.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 458 KiB

4
client/src/components/footer.tsx
View File

@ -10,8 +10,8 @@ const SOCIAL_LINKS = [
export default function Footer() {
return (
<footer className="border-t border-border bg-card mt-16 relative z-20" data-testid="footer">
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
<footer className="border-t border-border mt-16" data-testid="footer">
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-10 relative z-20">
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<h3 className="font-bold text-card-foreground text-lg mb-3">Folx Music Television</h3>