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

Organize website support links into two distinct rows

Browse Source 
Restructure the display of support links on multiple pages by grouping them into two rows for improved visual layout and readability.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
This commit is contained in:
sebastjanartic 2025-09-01 21:40:51 +00:00
parent 298e164a71
commit 9150630330
4 changed files with 44 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -318,14 +318,17 @@ export default function FolxStadlPage() {
{/* Support Links */} {/* Support Links */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex gap-4 pt-2 pl-4"> <div className="pt-2 pl-4 space-y-1">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a> <div className="flex gap-4">
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a> <span className="text-bunny-muted">|</span>
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a> </div>
<span className="text-bunny-muted">|</span> <div className="flex gap-4">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted">|</span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div> </div>
</div> </div>
</div> </div>

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

@ -319,14 +319,17 @@ export default function GeschichteLiedPage() {
{/* Support Links */} {/* Support Links */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex gap-4 pt-2 pl-4"> <div className="pt-2 pl-4 space-y-1">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a> <div className="flex gap-4">
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a> <span className="text-bunny-muted">|</span>
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a> </div>
<span className="text-bunny-muted">|</span> <div className="flex gap-4">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted">|</span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div> </div>
</div> </div>
</div> </div>

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

@ -319,14 +319,17 @@ export default function GipfelstammtischPage() {
{/* Support Links */} {/* Support Links */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex gap-4 pt-2 pl-4"> <div className="pt-2 pl-4 space-y-1">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a> <div className="flex gap-4">
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a> <span className="text-bunny-muted">|</span>
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a> </div>
<span className="text-bunny-muted">|</span> <div className="flex gap-4">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted">|</span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div> </div>
</div> </div>
</div> </div>

19
client/src/pages/home.tsx
View File

@ -235,14 +235,17 @@ export default function Home() {
{/* Support Links */} {/* Support Links */}
<div className="col-span-1"> <div className="col-span-1">
<div className="flex gap-4 pt-2 pl-4"> <div className="pt-2 pl-4 space-y-1">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a> <div className="flex gap-4">
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Hilfe & FAQ</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a> <span className="text-bunny-muted">|</span>
<span className="text-bunny-muted">|</span> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Kontakt</a>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a> </div>
<span className="text-bunny-muted">|</span> <div className="flex gap-4">
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a> <a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Datenschutz</a>
<span className="text-bunny-muted">|</span>
<a href="#" className="text-bunny-muted hover:text-white transition-colors text-sm">Impressum</a>
</div>
</div> </div>
</div> </div>
</div> </div>