Attempt to fix note resizing with React keys and Muuri sync

This commit is contained in:
2026-01-24 19:52:13 +01:00
parent d59ec592eb
commit 8e35780717
48 changed files with 3369 additions and 279 deletions

View File

@@ -103,7 +103,7 @@ export function NotebookSuggestionToast({
<div
className={cn(
'fixed bottom-4 right-4 z-50 max-w-md bg-white dark:bg-zinc-800',
'border border-blue-200 dark:border-blue-800 rounded-lg shadow-lg',
'border border-border dark:border-border rounded-lg shadow-lg',
'p-4 animate-in slide-in-from-bottom-4 fade-in duration-300',
'transition-all duration-300'
)}
@@ -111,8 +111,8 @@ export function NotebookSuggestionToast({
<div className="flex items-start gap-3">
{/* Icon */}
<div className="flex-shrink-0">
<div className="w-10 h-10 rounded-full bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center">
<FolderOpen className="w-5 h-5 text-blue-600 dark:text-blue-400" />
<div className="w-10 h-10 rounded-full bg-primary/10 dark:bg-primary/20 flex items-center justify-center">
<FolderOpen className="w-5 h-5 text-primary dark:text-primary-foreground" />
</div>
</div>
@@ -131,7 +131,7 @@ export function NotebookSuggestionToast({
{/* Move button */}
<button
onClick={handleMoveToNotebook}
className="px-3 py-1.5 text-xs font-medium rounded-md bg-blue-600 text-white hover:bg-blue-700 transition-colors"
className="px-3 py-1.5 text-xs font-medium rounded-md bg-primary text-primary-foreground hover:bg-primary/90 transition-colors"
>
{t('notebookSuggestion.move')}
</button>