Page nav bar size

This commit is contained in:
alma 2025-04-21 11:47:49 +02:00
parent 207d4938e6
commit d029f4d258

View File

@ -164,10 +164,10 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
return (
<div className="flex flex-col h-full bg-carnet-sidebar">
{/* Search */}
<div className="p-4">
<div className="flex items-center gap-2 mb-2">
<FileText className="h-6 w-6 text-carnet-text-primary" />
<span className="text-xl font-semibold text-carnet-text-primary">PAGES</span>
<div className="p-3">
<div className="flex items-center gap-2 mb-3">
<FileText className="h-5 w-5 text-carnet-text-primary" />
<span className="text-lg font-semibold text-carnet-text-primary">PAGES</span>
</div>
<div className="relative">
<input
@ -175,7 +175,7 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
placeholder="Recherche..."
className="w-full pl-9 pr-4 py-2 bg-white border border-carnet-border rounded-md text-sm text-carnet-text-primary placeholder-carnet-text-muted focus:outline-none focus:ring-1 focus:ring-primary"
className="w-full pl-9 pr-4 py-2.5 bg-white border border-carnet-border rounded-md text-sm text-carnet-text-primary placeholder-carnet-text-muted focus:outline-none focus:ring-1 focus:ring-primary"
/>
<Search className="absolute left-3 top-2.5 h-4 w-4 text-carnet-text-muted" />
{searchQuery && (
@ -190,9 +190,9 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
</div>
{/* Folders */}
<div className="flex-1 overflow-y-auto p-4">
<h2 className="text-sm font-semibold text-carnet-text-primary mb-2">VUES</h2>
<div className="space-y-1">
<div className="flex-1 overflow-y-auto p-3">
<h2 className="text-sm font-semibold text-carnet-text-primary mb-3">VUES</h2>
<div className="space-y-1.5">
{sortedFolders.map((folder) => {
const config = FOLDER_CONFIG[folder as FolderType];
const Icon = config?.icon || FileText;
@ -208,7 +208,7 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
onFolderSelect(folder);
}
}}
className="w-full flex items-center px-3 py-2 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover"
className="w-full flex items-center px-3 py-2.5 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover"
>
<Icon className="h-4 w-4 flex-shrink-0" />
<span className="ml-2 truncate">{displayName}</span>