fix: textarea 60vh, white header, sidebar corbeille+footer alignment, orphan var removed

This commit is contained in:
Antigravity
2026-05-07 22:43:09 +00:00
parent ccbd1b5abc
commit 7bc63158bf
3 changed files with 20 additions and 9 deletions

View File

@@ -16,6 +16,7 @@ import {
Archive,
MessageSquare,
Sparkles,
Trash2,
} from 'lucide-react'
import { useLanguage } from '@/lib/i18n'
import { useNoteRefreshOptional } from '@/context/NoteRefreshContext'
@@ -430,24 +431,34 @@ export function Sidebar({ className, user }: { className?: string; user?: any })
{/* ── Footer ── */}
<div className="pt-4 p-5 border-t border-border space-y-1">
{/* Notification bell */}
<div className="flex items-center gap-3 px-4 py-2">
{/* Notifications */}
<Link
href="/notifications"
className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
>
<NotificationPanel />
<span className="text-[13px] text-muted-foreground font-medium">{t('notification.notifications') || 'Notifications'}</span>
</div>
<span>{t('notification.notifications') || 'Notifications'}</span>
</Link>
<Link
href="/archive"
className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
>
<Archive size={16} />
<span>{t('sidebar.archive') || 'Archive'}</span>
<span>{t('sidebar.archive') || 'Archives'}</span>
</Link>
<Link
href="/trash"
className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
>
<Trash2 size={16} />
<span>{t('sidebar.trash') || 'Corbeille'}</span>
</Link>
<Link
href="/settings"
className="flex items-center gap-3 px-4 py-2 text-[13px] text-muted-foreground hover:text-foreground transition-colors font-medium rounded-lg hover:bg-white/30"
>
<Settings size={16} />
<span>{t('nav.settings') || 'Settings'}</span>
<span>{t('nav.settings') || 'Paramètres'}</span>
</Link>
</div>
</aside>