style: Command-Palette-Overlay in @layer components
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ============================================
|
/* ============================================
|
||||||
|
|||||||
Reference in New Issue
Block a user