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

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
memento-note/components/home-client.tsx
View File

@@ -361,7 +361,7 @@ export function HomeClient({ initialNotes, initialSettings }: HomeClientProps) {
<>
<div className={cn(
'px-12 pt-12 pb-8 flex flex-col gap-6',
isEditorialMode ? 'sticky top-0 bg-background/80 backdrop-blur-md z-30' : ''
isEditorialMode ? 'sticky top-0 bg-white/80 dark:bg-zinc-950/80 backdrop-blur-md z-30' : ''
)}>
<div className="flex justify-between items-start">
<h1 className="font-memento-serif text-4xl font-medium tracking-tight text-foreground leading-tight pr-12">

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

@@ -661,7 +661,7 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
// ── fullPage mode: editorial layout (fidèle au prototype) ──
if (fullPage) {
const notebookName = notebooks.find(nb => nb.id === note.notebookId)?.name || null
const plainFirstSentence = content.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim().split(/[.!?]/)[0]
return (
<>
@@ -841,7 +841,7 @@ export function NoteEditor({ note, readOnly = false, onClose, fullPage = false }
onFocus={() => setShowMarkdownPreview(false)}
onChange={(e) => { setContent(e.target.value); setIsDirty(true) }}
disabled={readOnly}
className="w-full min-h-[400px] border-0 outline-none px-0 bg-transparent text-lg leading-relaxed font-light resize-none placeholder:text-foreground/20 text-foreground/80"
className="w-full min-h-[60vh] border-0 outline-none px-0 bg-transparent text-lg leading-relaxed font-light resize-none placeholder:text-foreground/20 text-foreground/80"
/>
{noteType === 'markdown' && content && !readOnly && (
<button

23
memento-note/components/sidebar.tsx
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>