alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Page nav bar size

Browse Source
This commit is contained in:
alma 2025-04-21 11:52:14 +02:00
parent d029f4d258
commit 1cda7424ad
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/carnet/navigation.tsx
View File

@ -164,10 +164,10 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
return ( return (
<div className="flex flex-col h-full bg-carnet-sidebar"> <div className="flex flex-col h-full bg-carnet-sidebar">
{/* Search */} {/* Search */}
<div className="p-3"> <div className="p-4">
<div className="flex items-center gap-2 mb-3"> <div className="flex items-center gap-2 mb-2">
<FileText className="h-5 w-5 text-carnet-text-primary" /> <FileText className="h-4 w-4 text-carnet-text-primary" />
<span className="text-lg font-semibold text-carnet-text-primary">PAGES</span> <span className="text-sm font-semibold text-carnet-text-primary">PAGES</span>
</div> </div>
<div className="relative"> <div className="relative">
<input <input
@ -175,24 +175,24 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
value={searchQuery} value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)} onChange={(e) => setSearchQuery(e.target.value)}
placeholder="Recherche..." placeholder="Recherche..."
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" className="w-full pl-8 pr-4 py-1.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" /> <Search className="absolute left-2 top-1.5 h-3.5 w-3.5 text-carnet-text-muted" />
{searchQuery && ( {searchQuery && (
<button <button
onClick={() => setSearchQuery('')} onClick={() => setSearchQuery('')}
className="absolute right-3 top-2.5 text-carnet-text-muted hover:text-carnet-text-primary" className="absolute right-2 top-1.5 text-carnet-text-muted hover:text-carnet-text-primary"
> >
<X className="h-4 w-4" /> <X className="h-3.5 w-3.5" />
</button> </button>
)} )}
</div> </div>
</div> </div>
{/* Folders */} {/* Folders */}
<div className="flex-1 overflow-y-auto p-3"> <div className="flex-1 overflow-y-auto p-4">
<h2 className="text-sm font-semibold text-carnet-text-primary mb-3">VUES</h2> <h2 className="text-xs font-semibold text-carnet-text-primary mb-2">VUES</h2>
<div className="space-y-1.5"> <div className="space-y-1">
{sortedFolders.map((folder) => { {sortedFolders.map((folder) => {
const config = FOLDER_CONFIG[folder as FolderType]; const config = FOLDER_CONFIG[folder as FolderType];
const Icon = config?.icon || FileText; const Icon = config?.icon || FileText;
@ -208,13 +208,13 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
onFolderSelect(folder); onFolderSelect(folder);
} }
}} }}
className="w-full flex items-center px-3 py-2.5 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover" className="w-full flex items-center px-2 py-1.5 text-sm rounded-md text-carnet-text-primary hover:bg-carnet-hover"
> >
<Icon className="h-4 w-4 flex-shrink-0" /> <Icon className="h-3.5 w-3.5 flex-shrink-0" />
<span className="ml-2 truncate">{displayName}</span> <span className="ml-2 truncate">{displayName}</span>
{folder === 'Contacts' && ( {folder === 'Contacts' && (
<ChevronRight <ChevronRight
className={`h-4 w-4 flex-shrink-0 ml-auto transition-transform ${ className={`h-3.5 w-3.5 flex-shrink-0 ml-auto transition-transform ${
expandedContacts ? 'transform rotate-90' : '' expandedContacts ? 'transform rotate-90' : ''
}`} }`}
/> />