sepehr/Momento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

design: OrganizeNotebookDialog → modal centré au lieu de slider
Some checks failed
CI / Lint, Unit Tests & Build (push) Failing after 1m24s
Details
CI / Deploy production (on server) (push) Has been skipped
Details

Browse Source 
Cohérent avec Wizard, Planning, Exercices — tous en modal centré.
Scale animation au lieu de slide x. max-h-85vh avec scroll interne.
This commit is contained in:
Antigravity
2026-06-19 21:29:27 +00:00
parent dd28b4f0bd
commit 723f7ef432
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
memento-note/components/organize-notebook-dialog.tsx
View File

@@ -100,15 +100,15 @@ export function OrganizeNotebookDialog({
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
exit={{ opacity: 0 }} exit={{ opacity: 0 }}
className="fixed inset-0 z-50 bg-black/40 backdrop-blur-sm" className="fixed inset-0 z-50 bg-black/40 backdrop-blur-sm flex items-center justify-center p-4"
onClick={handleClose} onClick={handleClose}
/> >
<motion.div <motion.div
initial={{ opacity: 0, x: slide }} initial={{ opacity: 0, scale: 0.96 }}
animate={{ opacity: 1, x: 0 }} animate={{ opacity: 1, scale: 1 }}
exit={{ opacity: 0, x: slide }} exit={{ opacity: 0, scale: 0.96 }}
transition={{ type: 'spring', stiffness: 300, damping: 32 }} transition={{ type: 'spring', stiffness: 300, damping: 28 }}
className="fixed end-0 top-0 bottom-0 z-50 w-full max-w-md bg-memento-paper dark:bg-zinc-900 border-s border-border shadow-2xl flex flex-col" className="w-full max-w-lg bg-memento-paper dark:bg-zinc-900 rounded-2xl border border-border shadow-2xl flex flex-col max-h-[85vh] overflow-hidden"
onClick={e => e.stopPropagation()} onClick={e => e.stopPropagation()}
> >
{/* Header */} {/* Header */}
@@ -119,7 +119,7 @@ export function OrganizeNotebookDialog({
</div> </div>
<div> <div>
<h2 className="text-sm font-semibold text-ink dark:text-dark-ink font-memento-serif">{t('organizeNotebook.title')}</h2> <h2 className="text-sm font-semibold text-ink dark:text-dark-ink font-memento-serif">{t('organizeNotebook.title')}</h2>
<p className="text-[10px] text-concrete truncate max-w-[200px]">{notebookName}</p> <p className="text-[10px] text-concrete truncate max-w-[240px]">{notebookName}</p>
</div> </div>
</div> </div>
<button onClick={handleClose} disabled={step === 'analyzing' || step === 'executing'} <button onClick={handleClose} disabled={step === 'analyzing' || step === 'executing'}