Improve footer spacing and layout for better readability
Adjusted margins, padding, and grid gaps within the footer component to enhance visual presentation and user experience. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 66d66276-ab35-4c00-91eb-4487b2e5a5e2 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
BIN
attached_assets/image_1772810209436.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810209910.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810209941.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810209977.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810210010.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810210053.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810210079.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810210120.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810210144.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810210176.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810210216.png
Normal file
|
After Width: | Height: | Size: 57 KiB |
BIN
attached_assets/image_1772810232269.png
Normal file
|
After Width: | Height: | Size: 70 KiB |
@ -11,8 +11,8 @@ const SOCIAL_LINKS = [
|
||||
export default function Footer() {
|
||||
return (
|
||||
<footer className="border-t border-border bg-[hsl(var(--card))] mt-8 relative z-20 isolation-isolate" data-testid="footer">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div>
|
||||
<h3 className="font-bold text-card-foreground text-lg mb-3">Folx Music Television</h3>
|
||||
<p className="text-muted-foreground text-sm leading-relaxed mb-4">
|
||||
@ -85,7 +85,7 @@ export default function Footer() {
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-t border-border mt-8 pt-6 flex flex-col items-center gap-3">
|
||||
<div className="border-t border-border mt-6 pt-4 flex flex-col items-center gap-2">
|
||||
<div className="flex flex-wrap justify-center gap-x-4 gap-y-1 text-xs">
|
||||
<Link href="/empfang-folx-tv">
|
||||
<span className="text-muted-foreground cursor-pointer hover:text-primary transition-colors" data-testid="link-footer-empfang">Empfang</span>
|
||||
|
||||