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:
@@ -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
|
||||
)}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user