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

Adjust footer layout and alignment for better presentation

Browse Source 
Modify footer component to remove unnecessary text alignment classes and update social link alignment.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 48c41428-4e0a-4633-b7ba-5160b61b8a43
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:23:25 +00:00
parent 899d31568e
commit 32394e9848
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772810535834.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

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

@ -35,7 +35,7 @@ export default function Footer() {
))} ))}
</div> </div>
</div> </div>
<div className="md:text-center"> <div>
<h4 className="font-semibold text-card-foreground mb-3">Kategorien</h4> <h4 className="font-semibold text-card-foreground mb-3">Kategorien</h4>
<ul className="space-y-2 text-sm"> <ul className="space-y-2 text-sm">
<li> <li>
@ -65,7 +65,7 @@ export default function Footer() {
</li> </li>
</ul> </ul>
</div> </div>
<div className="md:text-right"> <div>
<h4 className="font-semibold text-card-foreground mb-3">Folgt uns</h4> <h4 className="font-semibold text-card-foreground mb-3">Folgt uns</h4>
<ul className="space-y-2 text-sm"> <ul className="space-y-2 text-sm">
{SOCIAL_LINKS.map((s) => ( {SOCIAL_LINKS.map((s) => (
@ -74,7 +74,7 @@ export default function Footer() {
href={s.href} href={s.href}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="text-muted-foreground hover:text-primary transition-colors inline-flex items-center gap-2 md:justify-end" className="text-muted-foreground hover:text-primary transition-colors inline-flex items-center gap-2"
data-testid={`link-footer-${s.label.toLowerCase()}`} data-testid={`link-footer-${s.label.toLowerCase()}`}
> >
<s.icon className="w-4 h-4" /> <s.icon className="w-4 h-4" />