polish(web): tidy dashboard shell — emoji, dead bell, footer links, dvh
Remove the emoji from the header greeting and the duplicate avatar/name block (the sidebar already shows the user). Remove the bell button that had no handler or notification system behind it. Turn the footer's plain "Gizlilik Politikası, Kullanım Koşulları" text into real /privacy and /terms links (matching the landing footer). Switch min-h-screen to min-h-[100dvh] so the layout doesn't jump on mobile Safari. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -9,7 +9,6 @@ import { Link, Outlet, createFileRoute, useNavigate } from "@tanstack/react-rout
|
||||
import {
|
||||
ArrowRight,
|
||||
BarChart3,
|
||||
Bell,
|
||||
BookOpen,
|
||||
Copy,
|
||||
CreditCard,
|
||||
@@ -163,7 +162,7 @@ function DashboardLayout() {
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<div className="flex min-h-screen">
|
||||
<div className="flex min-h-[100dvh]">
|
||||
<div className="hidden w-64 border-r border-border bg-background p-4 lg:block">
|
||||
<Skeleton className="mb-8 h-8 w-32" />
|
||||
{KEYS_5.map((__k) => (
|
||||
@@ -261,7 +260,7 @@ function DashboardLayout() {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="flex min-h-screen bg-background">
|
||||
<div className="flex min-h-[100dvh] bg-background">
|
||||
{/* ─── Desktop Sidebar ──────────────────────────────────────────── */}
|
||||
<aside
|
||||
className={`hidden flex-shrink-0 border-r border-border transition-[width] duration-200 lg:flex lg:flex-col ${collapsed ? "w-[68px]" : "w-64"}`}
|
||||
@@ -332,14 +331,9 @@ function DashboardLayout() {
|
||||
<Menu className="size-5" />
|
||||
</Button>
|
||||
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="hidden size-10 items-center justify-center rounded-full bg-muted text-sm font-semibold sm:flex">
|
||||
{initials}
|
||||
</div>
|
||||
<div className="hidden sm:block">
|
||||
<p className="text-sm font-semibold">{user.name}</p>
|
||||
<p className="text-xs text-muted-foreground">Sase.tr'ye hoş geldiniz 👋</p>
|
||||
</div>
|
||||
<div className="hidden sm:block">
|
||||
<p className="text-sm font-semibold">{user.name}</p>
|
||||
<p className="text-xs text-muted-foreground">Sase.tr'ye hoş geldiniz</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -363,12 +357,6 @@ function DashboardLayout() {
|
||||
>
|
||||
{isDark ? <Sun className="size-4" /> : <Moon className="size-4" />}
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className="flex size-9 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
|
||||
>
|
||||
<Bell className="size-4" />
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleSignOut}
|
||||
@@ -390,7 +378,14 @@ function DashboardLayout() {
|
||||
{/* Footer */}
|
||||
<div className="border-t border-border px-6 py-3">
|
||||
<p className="text-center text-xs text-muted-foreground/60">
|
||||
© {new Date().getFullYear()} Sase.tr | Gizlilik Politikası, Kullanım Koşulları
|
||||
© {new Date().getFullYear()} Sase.tr ·{" "}
|
||||
<Link to="/privacy" className="transition-colors hover:text-foreground">
|
||||
Gizlilik Politikası
|
||||
</Link>{" "}
|
||||
·{" "}
|
||||
<Link to="/terms" className="transition-colors hover:text-foreground">
|
||||
Kullanım Koşulları
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user