style: refine Pipeline fidelity to Quiet Luxury reference

- Sidebar: revert to white palette (drop emerald pass), remove right border
- Table: softer slate-100 borders, remove min-height gap, "Mostrando N di M
  lead" footer, empty Tag cell = dashed-circle add button
- SegmentedToggle: more visible track (slate-200/60), neutral active text
- Kanban: roomy fixed-width columns (280px, horizontal scroll), sober column
  headers (no colored dots), airy cards matching mock (name+badge/email/
  company+"Tag +"); 6 stages + @dnd-kit intact

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-07-10 22:33:26 +02:00
parent 26d752892a
commit 6d5e04bf9c
6 changed files with 76 additions and 75 deletions
+7 -7
View File
@@ -41,7 +41,7 @@ export function AdminSidebar({ collapsed = false }: { collapsed?: boolean }) {
return (
<aside
className={cn(
"shrink-0 min-h-screen bg-[#1A463C] border-r border-emerald-950/20 flex flex-col overflow-hidden",
"shrink-0 min-h-screen bg-[#1A463C] flex flex-col overflow-hidden",
"transition-[width] duration-350 ease-[cubic-bezier(0.4,0,0.2,1)]",
collapsed ? "w-16" : "w-[200px]"
)}
@@ -54,7 +54,7 @@ export function AdminSidebar({ collapsed = false }: { collapsed?: boolean }) {
)}
>
{!collapsed && (
<span className="font-bold text-emerald-50 tracking-tight text-sm whitespace-nowrap">
<span className="font-bold text-white tracking-tight text-sm whitespace-nowrap">
iamcavalli
</span>
)}
@@ -73,14 +73,14 @@ export function AdminSidebar({ collapsed = false }: { collapsed?: boolean }) {
"flex items-center py-2.5 rounded-lg text-sm transition-all duration-200",
rowClass,
active
? "bg-white/[0.08] text-white font-medium shadow-sm"
: "text-emerald-200/70 hover:text-white hover:bg-white/5"
? "bg-white/15 text-white font-medium"
: "text-white/65 hover:text-white hover:bg-white/10"
)}
>
<Icon
size={16}
strokeWidth={1.8}
className={cn("shrink-0", active && "text-emerald-400")}
className="shrink-0"
/>
{!collapsed && <span className="whitespace-nowrap">{label}</span>}
</Link>
@@ -96,7 +96,7 @@ export function AdminSidebar({ collapsed = false }: { collapsed?: boolean }) {
collapsed ? "justify-center px-0" : "justify-between px-3"
)}
>
{!collapsed && <span className="text-xs text-emerald-200/50">Tema</span>}
{!collapsed && <span className="text-xs text-white/50">Tema</span>}
<ThemeToggle />
</div>
<button
@@ -104,7 +104,7 @@ export function AdminSidebar({ collapsed = false }: { collapsed?: boolean }) {
title={collapsed ? "Esci" : undefined}
className={cn(
"flex items-center py-2.5 w-full rounded-lg text-sm transition-all duration-200",
"text-red-300/80 hover:text-red-200 hover:bg-red-950/20",
"text-white/65 hover:text-white hover:bg-white/10",
rowClass
)}
>