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

feat(editor): AI modal preview/apply, translate lang picker, fix p-tag injection, explain modal - no UTF-8 corruption

Browse Source
This commit is contained in:
sepehr
2026-05-03 00:39:36 +02:00
parent 54b7b4fcf1
commit bd4034777c
3 changed files with 166 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
memento-note/app/globals.css
View File

@@ -1139,6 +1139,61 @@ html.font-system * {
.notion-ai-subitem:hover {
background: var(--accent);
}
.notion-ai-lang-picker {
border-top: 1px solid var(--border);
margin-top: 4px;
display: flex;
flex-wrap: wrap;
gap: 3px;
padding: 6px;
}
.notion-ai-lang-item {
font-size: 0.72rem;
padding: 3px 8px;
border-radius: 4px;
background: var(--muted);
border: 1px solid var(--border);
cursor: pointer;
color: var(--foreground);
transition: background 0.1s;
}
.notion-ai-lang-item:hover { background: var(--accent); }
.notion-ai-result-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.45);
z-index: 99998;
display: flex;
align-items: center;
justify-content: center;
backdrop-filter: blur(2px);
}
.notion-ai-result-modal {
background: var(--popover);
border: 1px solid var(--border);
border-radius: 14px;
box-shadow: 0 20px 60px rgba(0,0,0,0.25);
padding: 20px;
width: min(520px, 90vw);
max-height: 80vh;
overflow-y: auto;
}
.dark .notion-ai-result-modal { box-shadow: 0 20px 60px rgba(0,0,0,0.6); }
.notion-ai-result-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
}
.notion-ai-result-section { margin-bottom: 12px; }
.notion-ai-result-label {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--muted-foreground);
}
/* Inline input inside bubble menu (link editor) */
.notion-inline-input {