fix: ui fixes minor
This commit is contained in:
+13
-38
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user