fix: ui fixes minor
This commit is contained in:
@@ -2,6 +2,7 @@ import { Suspense } from "react";
|
||||
import { SiteHeader } from "@/components/site-header";
|
||||
import { SiteSidebar } from "@/components/site-sidebar";
|
||||
import { SiteBottomNav } from "@/components/site-bottom-nav";
|
||||
import { SiteFooter } from "@/components/site-footer";
|
||||
import { VerifyEmailBanner } from "@/components/auth/verify-email-banner";
|
||||
import { TextSelectionToolbar } from "@/components/text-selection-toolbar";
|
||||
import { TextHighlighter } from "@/components/text-highlighter";
|
||||
@@ -28,6 +29,7 @@ export default function AppLayout({
|
||||
<div className="flex-1 flex flex-col md:pl-16 pb-16 md:pb-0">
|
||||
<SiteHeader />
|
||||
{children}
|
||||
<SiteFooter />
|
||||
</div>
|
||||
<SiteBottomNav />
|
||||
<TextSelectionToolbar />
|
||||
|
||||
+1
-8
@@ -1,7 +1,7 @@
|
||||
"use client";
|
||||
|
||||
import Link from "next/link";
|
||||
import { Compass, LogIn, MessageSquare, Sparkles } from "lucide-react";
|
||||
import { Compass, LogIn, Sparkles } from "lucide-react";
|
||||
import { useAuth } from "@/components/auth/auth-provider";
|
||||
|
||||
/**
|
||||
@@ -79,13 +79,6 @@ export default function HomePage() {
|
||||
</p>
|
||||
) : null}
|
||||
|
||||
<Link
|
||||
href="/feedback"
|
||||
className="mt-8 inline-flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground underline-offset-4 hover:underline"
|
||||
>
|
||||
<MessageSquare className="size-3.5" />
|
||||
Send feedback
|
||||
</Link>
|
||||
</div>
|
||||
</main>
|
||||
);
|
||||
|
||||
+18
-11
@@ -92,18 +92,25 @@ function SignOutSection() {
|
||||
}
|
||||
}
|
||||
|
||||
// Renders as a full-width clickable row matching LegalLink — same
|
||||
// padding, same hover, with LogOut taking the slot ChevronRight uses
|
||||
// on link rows. The whole row is the click target.
|
||||
return (
|
||||
<section className="pt-4">
|
||||
<button
|
||||
type="button"
|
||||
onClick={onSignOut}
|
||||
disabled={busy}
|
||||
className="inline-flex items-center gap-2 rounded-md border border-destructive/30 bg-destructive/5 px-4 py-2.5 text-base font-medium text-destructive hover:bg-destructive/10 transition-colors disabled:opacity-60"
|
||||
>
|
||||
<LogOut className="size-5" />
|
||||
{busy ? "Signing out…" : "Sign out"}
|
||||
</button>
|
||||
</section>
|
||||
<ul className="divide-y divide-border">
|
||||
<li>
|
||||
<button
|
||||
type="button"
|
||||
onClick={onSignOut}
|
||||
disabled={busy}
|
||||
className="w-full flex items-center justify-between py-3.5 group disabled:opacity-60"
|
||||
>
|
||||
<span className="text-base text-foreground group-hover:text-primary transition-colors">
|
||||
{busy ? "Signing out…" : "Sign out from this device"}
|
||||
</span>
|
||||
<LogOut className="size-5 text-muted-foreground group-hover:text-foreground transition-colors" />
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user