fix: standardize formatting and improve readability across various components and styles, including CSS and TypeScript files
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user