feat: polish lite auth entry points

This commit is contained in:
JetSprow
2026-04-30 15:04:21 +10:00
parent b2deee608f
commit 85abba9bbf
10 changed files with 54 additions and 27 deletions

View File

@@ -1,23 +1,28 @@
import { GitFork } from "lucide-react";
import { cn } from "@/lib/utils";
import { ThemeToggle } from "./theme-toggle";
const GITHUB_URL = "https://github.com/JetSprow/J-Board";
import { PRODUCT_EDITION, PRODUCT_NAME, PRODUCT_REPOSITORY_URL, PRODUCT_VERSION } from "@/lib/product";
export function SiteFooter({ className }: { className?: string }) {
return (
<footer
className={cn(
"mx-auto flex w-full max-w-md items-center justify-center gap-2 text-xs text-muted-foreground/70",
"mx-auto flex w-full max-w-md flex-wrap items-center justify-center gap-2 text-xs text-muted-foreground/70",
className,
)}
>
<span>J-Board</span>
<span className="h-1 w-1 rounded-full bg-muted-foreground/30" aria-hidden />
<div className="inline-flex min-h-8 items-center gap-2 rounded-lg border border-border/70 bg-card/80 px-2.5 py-1 text-foreground shadow-sm">
<span className="text-muted-foreground"></span>
<span className="font-semibold">{PRODUCT_NAME}</span>
<span className="rounded-md bg-primary/10 px-1.5 py-0.5 text-[0.68rem] font-semibold uppercase text-primary">
{PRODUCT_EDITION}
</span>
<span className="font-mono text-[0.72rem] text-muted-foreground">v{PRODUCT_VERSION}</span>
</div>
<ThemeToggle className="size-7 rounded-md border-transparent bg-transparent" />
<span className="h-1 w-1 rounded-full bg-muted-foreground/30" aria-hidden />
<a
href={GITHUB_URL}
href={PRODUCT_REPOSITORY_URL}
target="_blank"
rel="noreferrer"
className="inline-flex items-center gap-1.5 rounded-md px-1.5 py-1 font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/15"