fix: standardize formatting and improve readability across various components and styles, including CSS and TypeScript files

This commit is contained in:
Julien Froidefond
2025-12-08 06:37:29 +01:00
parent 2db5bc324d
commit 0321eab5b5
18 changed files with 347 additions and 244 deletions

View File

@@ -69,7 +69,9 @@ function SidebarContent({
<div className="w-10 h-10 rounded-xl bg-gradient-to-br from-primary to-primary/80 flex items-center justify-center shadow-lg shadow-primary/20">
<Wallet className="w-5 h-5 text-primary-foreground" />
</div>
<span className="font-bold text-lg text-foreground tracking-tight">FinTrack</span>
<span className="font-bold text-lg text-foreground tracking-tight">
FinTrack
</span>
</div>
)}
</div>
@@ -85,19 +87,26 @@ function SidebarContent({
className={cn(
"w-full justify-start gap-4 h-12 rounded-2xl transition-all duration-300",
"hover:bg-muted/70 hover:scale-[1.02] hover:shadow-md",
isActive && "bg-gradient-to-r from-primary/15 via-primary/10 to-primary/5 border-2 border-primary/30 shadow-lg shadow-primary/10 backdrop-blur-sm",
isActive &&
"bg-gradient-to-r from-primary/15 via-primary/10 to-primary/5 border-2 border-primary/30 shadow-lg shadow-primary/10 backdrop-blur-sm",
collapsed && "justify-center px-2 w-12",
)}
>
<item.icon className={cn(
"w-5 h-5 shrink-0 transition-all duration-300",
isActive && "text-primary scale-110"
)} />
<item.icon
className={cn(
"w-5 h-5 shrink-0 transition-all duration-300",
isActive && "text-primary scale-110",
)}
/>
{!collapsed && (
<span className={cn(
"font-semibold text-sm",
isActive && "text-primary font-bold"
)}>{item.label}</span>
<span
className={cn(
"font-semibold text-sm",
isActive && "text-primary font-bold",
)}
>
{item.label}
</span>
)}
</Button>
</Link>
@@ -115,7 +124,9 @@ function SidebarContent({
)}
>
<Settings className="w-5 h-5 shrink-0" />
{!collapsed && <span className="font-semibold text-sm">Paramètres</span>}
{!collapsed && (
<span className="font-semibold text-sm">Paramètres</span>
)}
</Button>
</Link>
<Button
@@ -128,7 +139,9 @@ function SidebarContent({
)}
>
<LogOut className="w-5 h-5 shrink-0" />
{!collapsed && <span className="font-semibold text-sm">Déconnexion</span>}
{!collapsed && (
<span className="font-semibold text-sm">Déconnexion</span>
)}
</Button>
</div>
</>
@@ -173,7 +186,9 @@ export function Sidebar({ open, onOpenChange }: SidebarProps) {
<div className="w-12 h-12 rounded-2xl bg-gradient-to-br from-primary via-primary/90 to-primary/80 flex items-center justify-center shadow-xl shadow-primary/30 backdrop-blur-sm">
<Wallet className="w-6 h-6 text-primary-foreground" />
</div>
<span className="font-black text-xl text-foreground tracking-tight">FinTrack</span>
<span className="font-black text-xl text-foreground tracking-tight">
FinTrack
</span>
</div>
)}
<Button