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

@@ -393,7 +393,11 @@ export default function AccountsPage() {
<PageLayout>
<PageHeader
title="Comptes"
description={isMobile ? undefined : "Gérez vos comptes bancaires et leur organisation"}
description={
isMobile
? undefined
: "Gérez vos comptes bancaires et leur organisation"
}
actions={
<div className="flex items-center gap-2">
<Button
@@ -413,7 +417,10 @@ export default function AccountsPage() {
</span>
)}
</Button>
<Button onClick={handleNewFolder} size={isMobile ? "icon" : "default"}>
<Button
onClick={handleNewFolder}
size={isMobile ? "icon" : "default"}
>
<Plus className="w-4 h-4" />
{!isMobile && <span className="ml-2">Nouveau dossier</span>}
</Button>
@@ -431,7 +438,11 @@ export default function AccountsPage() {
totalBalance >= 0 ? "text-emerald-600" : "text-red-600",
)}
>
{isMobile && <span className="text-xs text-muted-foreground mr-2">Total:</span>}
{isMobile && (
<span className="text-xs text-muted-foreground mr-2">
Total:
</span>
)}
{formatCurrency(totalBalance)}
</p>
</div>
@@ -470,7 +481,9 @@ export default function AccountsPage() {
<Folder className="w-5 h-5 text-muted-foreground shrink-0" />
<div className="flex-1 min-w-0">
<div className="flex items-center gap-2 flex-wrap">
<h2 className="text-base sm:text-lg font-semibold">Sans dossier</h2>
<h2 className="text-base sm:text-lg font-semibold">
Sans dossier
</h2>
<span className="text-xs sm:text-sm text-muted-foreground shrink-0">
({accountsByFolder["no-folder"].length})
</span>
@@ -566,12 +579,18 @@ export default function AccountsPage() {
{isMobile ? (
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="ghost" size="icon" className="h-8 w-8 shrink-0">
<Button
variant="ghost"
size="icon"
className="h-8 w-8 shrink-0"
>
<MoreVertical className="w-4 h-4" />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem onClick={() => handleEditFolder(folder)}>
<DropdownMenuItem
onClick={() => handleEditFolder(folder)}
>
<Pencil className="w-4 h-4 mr-2" />
Modifier
</DropdownMenuItem>