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:54:23 +02:00
parent 1cda7424ad
commit e925100cbe
1 changed files with 27 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
components/carnet/navigation.tsx
View File

@ -2,6 +2,7 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { Search, BookOpen, Tag, Trash2, Star, Archive, X, Folder, FileText, Calendar, Heart, Users, LucideIcon, ChevronRight } from 'lucide-react'; import { Search, BookOpen, Tag, Trash2, Star, Archive, X, Folder, FileText, Calendar, Heart, Users, LucideIcon, ChevronRight } from 'lucide-react';
import { Card } from '@/components/ui/card';
interface NavigationProps { interface NavigationProps {
nextcloudFolders: string[]; nextcloudFolders: string[];
@ -163,31 +164,33 @@ 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 */} <Card className="p-4">
<div className="p-4"> {/* Search */}
<div className="flex items-center gap-2 mb-2"> <div className="space-y-4">
<FileText className="h-4 w-4 text-carnet-text-primary" /> <div className="flex items-center gap-2">
<span className="text-sm font-semibold text-carnet-text-primary">PAGES</span> <FileText className="h-4 w-4 text-carnet-text-primary" />
<span className="text-sm font-semibold text-carnet-text-primary">PAGES</span>
</div>
<div className="relative">
<input
type="text"
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
placeholder="Recherche..."
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-2 top-1.5 h-3.5 w-3.5 text-carnet-text-muted" />
{searchQuery && (
<button
onClick={() => setSearchQuery('')}
className="absolute right-2 top-1.5 text-carnet-text-muted hover:text-carnet-text-primary"
>
<X className="h-3.5 w-3.5" />
</button>
)}
</div>
</div> </div>
<div className="relative"> </Card>
<input
type="text"
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
placeholder="Recherche..."
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-2 top-1.5 h-3.5 w-3.5 text-carnet-text-muted" />
{searchQuery && (
<button
onClick={() => setSearchQuery('')}
className="absolute right-2 top-1.5 text-carnet-text-muted hover:text-carnet-text-primary"
>
<X className="h-3.5 w-3.5" />
</button>
)}
</div>
</div>
{/* Folders */} {/* Folders */}
<div className="flex-1 overflow-y-auto p-4"> <div className="flex-1 overflow-y-auto p-4">