style: Command-Palette-Overlay in @layer components

This commit is contained in:
2026-06-14 09:20:51 +02:00
parent 3872f4cf12
commit 7b16db96b9
+72
View File
@@ -2354,6 +2354,78 @@ body.show-desc .bm-desc { display: block; }
.settings-section.open .section-content { .settings-section.open .section-content {
max-height: 800px; max-height: 800px;
} }
/* ---- COMMAND-PALETTE (Strg+K) ---- */
/* .palette-overlay erbt .dialog-overlay (Position/Backdrop/Fade/z-index:400). */
.palette-overlay {
align-items: flex-start;
}
.palette-box {
margin-top: 12vh;
width: 560px; max-width: 92vw;
background: rgba(10,9,20,0.98);
border: 1px solid var(--border);
border-radius: var(--radius);
backdrop-filter: blur(28px);
box-shadow: 0 20px 60px rgba(0,0,0,0.7);
transform: translateY(8px) scale(0.98);
transition: transform 0.2s;
overflow: hidden;
}
.dialog-overlay.active .palette-box { transform: translateY(0) scale(1); }
.palette-input {
width: 100%;
box-sizing: border-box;
padding: 16px 18px;
background: transparent;
border: none;
border-bottom: 1px solid var(--border);
color: var(--text-primary);
font-family: var(--font-body);
font-size: 15px;
outline: none;
}
.palette-input::placeholder { color: var(--text-muted); }
.palette-list {
list-style: none;
margin: 0; padding: 6px;
max-height: 46vh;
overflow-y: auto;
}
.palette-option {
display: flex; flex-direction: column; gap: 2px;
padding: 9px 12px;
border-radius: var(--radius-sm);
cursor: pointer;
}
.palette-option[aria-selected="true"] {
background: var(--accent-dim);
}
.palette-option-title {
color: var(--text-primary);
font-size: 13px; font-weight: 500;
}
.palette-option-meta {
color: var(--text-muted);
font-size: 10px; letter-spacing: 0.3px;
}
.palette-empty {
list-style: none;
padding: 16px 12px;
color: var(--text-muted);
font-size: 13px; text-align: center;
}
.palette-live {
position: absolute;
width: 1px; height: 1px;
overflow: hidden; clip: rect(0 0 0 0);
white-space: nowrap;
}
.palette-hint {
padding: 8px 14px;
border-top: 1px solid var(--border);
color: var(--text-muted);
font-size: 10px; letter-spacing: 0.3px;
}
} }
/* ============================================ /* ============================================