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

feat: slash menu - category tabs, Tab key navigation, auto-scroll, description search
All checks were successful
Deploy to Production / Build and Deploy (push) Successful in 45s
Details

Browse Source
This commit is contained in:
sepehr
2026-05-02 22:06:30 +02:00
parent 7b9534703c
commit 8e07594ba2
2 changed files with 134 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1260,6 +1260,76 @@ html.font-system * {
opacity: 0.7;
}
/* Category tab bar */
.notion-slash-tabs {
display: flex;
align-items: center;
gap: 4px;
padding: 6px 6px 2px;
flex-wrap: wrap;
border-bottom: 1px solid var(--border);
margin-bottom: 2px;
}
.notion-slash-tab {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 3px 9px;
border-radius: 20px;
font-size: 11px;
font-weight: 500;
border: 1px solid var(--border);
background: transparent;
color: var(--muted-foreground);
cursor: pointer;
transition: all 0.12s ease;
white-space: nowrap;
}
.notion-slash-tab:hover {
background: var(--accent);
color: var(--foreground);
}
.notion-slash-tab-active {
background: var(--primary);
color: var(--primary-foreground);
border-color: var(--primary);
}
.notion-slash-tab-active:hover {
opacity: 0.9;
background: var(--primary);
color: var(--primary-foreground);
}
.notion-slash-tab-ai {
border-color: oklch(0.82 0.08 270);
color: oklch(0.52 0.18 270);
}
.dark .notion-slash-tab-ai {
border-color: oklch(0.38 0.09 270);
color: oklch(0.75 0.16 270);
}
.notion-slash-tab-ai.notion-slash-tab-active {
background: oklch(0.55 0.18 270);
border-color: oklch(0.55 0.18 270);
color: white;
}
.notion-slash-tab-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 16px;
height: 16px;
padding: 0 4px;
border-radius: 10px;
font-size: 9px;
font-weight: 700;
background: rgba(0,0,0,0.1);
line-height: 1;
}
.notion-slash-tab-active .notion-slash-tab-count {
background: rgba(255,255,255,0.25);
}
.notion-slash-section + .notion-slash-section {
border-top: 1px solid var(--border);
margin-top: 4px;