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

fix: AI/Info panels h-full self-stretch fill screen, bg-background consistent, items-stretch on parent

Browse Source
This commit is contained in:
Antigravity
2026-05-07 23:02:20 +00:00
parent 8d4e4d5d56
commit 77d6458946
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
memento-note/components/note-editor.tsx
View File

@@ -673,11 +673,11 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
return ( return (
<> <>
{/* ── outer container: white like prototype ── */} {/* ── outer container ── */}
<div className="h-full flex overflow-hidden transition-all duration-500"> <div className="h-full flex items-stretch overflow-hidden transition-all duration-500">
{/* ── main scrollable column ── */} {/* ── main scrollable column ── */}
<div className="flex-1 flex flex-col overflow-y-auto bg-white dark:bg-zinc-950"> <div className="flex-1 flex flex-col overflow-y-auto bg-background">
{/* TOOLBAR — px-12 py-8, bg-white/90, rounded-full buttons */} {/* TOOLBAR — px-12 py-8, bg-white/90, rounded-full buttons */}
<div className="px-12 py-8 flex items-center justify-between sticky top-0 bg-white/90 dark:bg-zinc-950/90 backdrop-blur-sm z-40 border-b border-black/10 dark:border-white/10"> <div className="px-12 py-8 flex items-center justify-between sticky top-0 bg-white/90 dark:bg-zinc-950/90 backdrop-blur-sm z-40 border-b border-black/10 dark:border-white/10">
@@ -883,9 +883,9 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
</div> </div>
</div> </div>
{/* ── Side panel: AI Chat (prototype style: w-[400px], border-l, bg-white) ── */} {/* ── Side panel: AI Chat ── */}
{aiOpen && ( {aiOpen && (
<div className="w-[400px] border-l border-black/10 dark:border-white/10 bg-white dark:bg-zinc-950 shadow-2xl flex flex-col z-50 shrink-0"> <div className="w-[400px] h-full self-stretch border-l border-black/10 dark:border-white/10 bg-background flex flex-col z-50 shrink-0">
<ContextualAIChat <ContextualAIChat
onClose={() => setAiOpen(false)} onClose={() => setAiOpen(false)}
noteTitle={title} noteTitle={title}
@@ -908,7 +908,7 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
{/* ── Side panel: Document Info ── */} {/* ── Side panel: Document Info ── */}
{infoOpen && ( {infoOpen && (
<div className="w-[400px] border-l border-black/10 dark:border-white/10 bg-white dark:bg-zinc-950 shadow-2xl flex flex-col z-50 shrink-0"> <div className="w-[400px] h-full self-stretch border-l border-black/10 dark:border-white/10 bg-background flex flex-col z-50 shrink-0">
<NoteDocumentInfoPanel <NoteDocumentInfoPanel
note={note} note={note}
content={content} content={content}