fix: ui fixes minor

This commit is contained in:
gosangam
2026-06-02 23:14:34 +05:30
parent c89cc8b779
commit 0bcda5a791
5 changed files with 40 additions and 60 deletions
+13 -38
View File
@@ -1,52 +1,27 @@
/**
* SiteFooter — one slim row. Wordmark on the left, dedication on the
* right, About link in the middle. That's all.
* SiteFooter — a single slim row carrying the feedback link. Mounted in
* both (app) and (legal) layouts so the affordance follows the user
* everywhere on the site without taking up perceptible vertical space.
*
* No wordmark, no about / privacy / terms links, no dedication line —
* those live in settings and the legal pages themselves. This footer
* exists solely to keep "send us feedback" one tap away from anywhere.
*/
import Link from "next/link";
import { MessageSquare } from "lucide-react";
export function SiteFooter() {
return (
<footer className="mt-auto border-t border-border bg-secondary text-secondary-foreground">
<div className="max-w-5xl mx-auto px-4 sm:px-6 py-4 flex flex-col sm:flex-row items-center justify-between gap-2 text-xs text-muted-foreground">
<div className="max-w-5xl mx-auto px-4 sm:px-6 py-3 flex items-center justify-center">
<Link
href="/"
aria-label="Prabhupāda Says — home"
className="font-[family-name:var(--font-title)] font-semibold uppercase tracking-[0.12em] text-[0.7rem] text-foreground/80 hover:text-foreground transition-colors"
href="/feedback"
className="inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground underline-offset-4 hover:underline transition-colors"
>
Prabhupāda Says
<MessageSquare className="size-3.5" />
Send feedback
</Link>
<div className="flex flex-wrap items-center justify-center gap-x-3 gap-y-1">
<Link
href="/about"
className="hover:text-foreground transition-colors"
>
About
</Link>
<span aria-hidden>·</span>
<Link
href="/privacy"
className="hover:text-foreground transition-colors"
>
Privacy
</Link>
<span aria-hidden>·</span>
<Link
href="/terms"
className="hover:text-foreground transition-colors"
>
Terms
</Link>
<span aria-hidden>·</span>
<Link
href="/data-deletion"
className="hover:text-foreground transition-colors"
>
Data Deletion
</Link>
<span aria-hidden>·</span>
<span>All glories to Śrīla Prabhupāda</span>
</div>
</div>
</footer>
);