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

fix: fullpage editor large text via .fullpage-editor CSS, AI tabs no-wrap, tone selector stronger style, doc-info panel redesign

Browse Source
This commit is contained in:
Antigravity
2026-05-07 22:59:26 +00:00
parent 24b5d6bdac
commit 8d4e4d5d56
4 changed files with 73 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
memento-note/components/note-document-info-panel.tsx
View File

@@ -62,20 +62,20 @@ export function NoteDocumentInfoPanel({ note, content, onClose, onNoteRestored }
return (
<>
<div className="flex w-72 shrink-0 flex-col border-l border-border/60 bg-card overflow-hidden">
<div className="flex w-80 shrink-0 flex-col border-l border-border/40 bg-background overflow-hidden">
{/* Header tabs */}
<div className="flex items-center justify-between px-4 py-3 border-b border-border/60">
<div className="flex items-center justify-between px-5 py-4 border-b border-border/40">
<div className="flex gap-1">
{(['info', 'versions'] as Tab[]).map(tab => (
<button
key={tab}
onClick={() => setActiveTab(tab)}
className={cn(
'flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors',
'flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold transition-all',
activeTab === tab
? 'bg-foreground text-background'
: 'text-muted-foreground hover:text-foreground hover:bg-muted'
: 'text-muted-foreground hover:text-foreground hover:bg-black/5 dark:hover:bg-white/5'
)}
>
{tab === 'info' && <Info className="h-3 w-3" />}
@@ -86,7 +86,7 @@ export function NoteDocumentInfoPanel({ note, content, onClose, onNoteRestored }
</div>
<button
onClick={onClose}
className="p-1.5 rounded-lg text-muted-foreground hover:text-foreground hover:bg-muted transition-colors"
className="p-1.5 rounded-full text-muted-foreground hover:text-foreground hover:bg-black/5 dark:hover:bg-white/5 transition-colors"
>
<X className="h-4 w-4" />
</button>
@@ -97,16 +97,16 @@ export function NoteDocumentInfoPanel({ note, content, onClose, onNoteRestored }
{/* ── INFO TAB ── */}
{activeTab === 'info' && (
<div className="space-y-0">
{/* Stats */}
<div className="grid grid-cols-2 border-b border-border/40">
<div className="flex flex-col items-center gap-0.5 py-4 border-r border-border/40">
<span className="text-2xl font-bold font-memento-serif tabular-nums">{words}</span>
<span className="text-[10px] uppercase tracking-widest text-muted-foreground">mots</span>
<div>
{/* Stats — grand display numbers */}
<div className="grid grid-cols-2 border-b border-border/30">
<div className="flex flex-col items-center gap-1 py-6 border-r border-border/30">
<span className="text-4xl font-bold font-memento-serif tabular-nums tracking-tight">{words}</span>
<span className="text-[10px] uppercase tracking-[0.2em] text-muted-foreground font-semibold">mots</span>
</div>
<div className="flex flex-col items-center gap-0.5 py-4">
<span className="text-2xl font-bold font-memento-serif tabular-nums">{chars}</span>
<span className="text-[10px] uppercase tracking-widest text-muted-foreground">caractères</span>
<div className="flex flex-col items-center gap-1 py-6">
<span className="text-4xl font-bold font-memento-serif tabular-nums tracking-tight">{chars}</span>
<span className="text-[10px] uppercase tracking-[0.2em] text-muted-foreground font-semibold">caractères</span>
</div>
</div>