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

31
memento-note/components/contextual-ai-chat.tsx
View File

@@ -558,24 +558,24 @@ export function ContextualAIChat({
</div>
</div>
{/* ── Tabs ────────────────────────────────────────────── */}
{/* ── Tabs ── */}
<div className="flex border-b border-border/40 shrink-0">
{([
{ id: 'chat', icon: Bot, label: t('ai.chatTab') },
{ id: 'actions', icon: Wand2, label: t('ai.noteActions') },
{ id: 'resource', icon: ArrowDownToLine, label: t('ai.resourceTab') },
{ id: 'chat', icon: Bot, label: 'Chat' },
{ id: 'actions', icon: Wand2, label: 'Actions' },
{ id: 'resource', icon: ArrowDownToLine, label: 'Source' },
] as const).map(tab => (
<button
key={tab.id}
onClick={() => setActiveTab(tab.id as any)}
className={cn(
'relative flex-1 py-3 text-[10px] font-bold uppercase tracking-[0.15em] flex items-center justify-center gap-1.5 transition-all',
'relative flex-1 py-2.5 text-[11px] font-semibold uppercase tracking-wider flex items-center justify-center gap-1.5 transition-all whitespace-nowrap',
activeTab === tab.id
? 'text-foreground'
: 'text-muted-foreground hover:text-foreground',
)}
>
<tab.icon className="h-3 w-3" />
<tab.icon className="h-3.5 w-3.5 shrink-0" />
{tab.label}
{activeTab === tab.id && (
<span className="absolute bottom-0 left-0 right-0 h-[2px] bg-foreground" />
@@ -584,6 +584,7 @@ export function ContextualAIChat({
))}
</div>
{/* ══════════════════════════════════════════════════════════ */}
{/* ── TAB: CHAT ─────────────────────────────────────────── */}
{/* ══════════════════════════════════════════════════════════ */}
@@ -592,11 +593,11 @@ export function ContextualAIChat({
{/* Messages */}
<div className="flex-1 min-h-0 overflow-y-auto p-3 space-y-3 flex flex-col">
{messages.length === 0 && (
<div className="flex-1 flex flex-col items-center justify-center text-center opacity-60">
<div className="w-14 h-14 rounded-full bg-primary/5 flex items-center justify-center border border-primary/10 mb-4">
<Sparkles className="h-6 w-6 text-primary/50" />
<div className="flex-1 flex flex-col items-center justify-center gap-3 py-8">
<div className="w-10 h-10 rounded-full bg-amber-50 dark:bg-amber-950/30 border border-amber-200/50 flex items-center justify-center">
<Sparkles className="h-5 w-5 text-amber-500" />
</div>
<p className="text-sm text-muted-foreground max-w-[220px]">
<p className="text-[13px] text-muted-foreground text-center max-w-[200px] leading-relaxed">
{t('ai.askToStart')}
</p>
</div>
@@ -824,7 +825,7 @@ export function ContextualAIChat({
{/* Tone selector */}
<div className="px-3 py-2 flex flex-col gap-1.5">
<label className="text-xs font-bold tracking-wider text-muted-foreground uppercase">
<label className="text-[10px] font-bold tracking-wider text-muted-foreground uppercase">
{t('ai.writingTone')}
</label>
<div className="grid grid-cols-4 gap-1">
@@ -837,13 +838,13 @@ export function ContextualAIChat({
onClick={() => setSelectedTone(tone.id)}
title={tone.full}
className={cn(
'py-1.5 rounded border text-xs font-medium transition-all flex flex-col items-center gap-1',
'py-2 rounded-lg border text-[11px] font-semibold transition-all flex flex-col items-center gap-1',
sel
? 'border-primary bg-primary/10 text-primary'
: 'border-border/40 text-muted-foreground hover:bg-muted bg-card',
? 'border-foreground bg-foreground text-background'
: 'border-border/60 text-muted-foreground hover:border-foreground/40 hover:text-foreground bg-background',
)}
>
<Icon className="h-3 w-3" />
<Icon className="h-4 w-4" />
{tone.label}
</button>
)