Meleki
bdcfd1f8b3
- Toggle-Button (Aktivieren/Deaktivieren) links neben Usage-Badge
- Check-Button rechts neben Usage-Badge statt bei Actions
- '✅ Aktiv' aus Meta-Zeile entfernt (Toggle zeigt Status)
- 'Prüfe...' Text beim Check entfernt (Spinner im Button reicht)
- Übernommene Scanned-Keys komplett ausgeblendet statt halbtransparent
- isAdopted-Logik und Wrapper entfernt, Code entschachtelt
- admin-user-row: Border, Radius, Background hinzugefügt
- Aktive Keys visuell hervorgehoben (Primary-Border + Brightness)
- placeholder.css an gleichen Row-Style angeglichen
83 lines
1.5 KiB
CSS
83 lines
1.5 KiB
CSS
/* ── Settings ── */
|
|
|
|
.settings {
|
|
padding: var(--page-padding);
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--page-spacing);
|
|
}
|
|
|
|
.settings-section {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--badge-spacing);
|
|
}
|
|
|
|
.settings-section h2 {
|
|
padding-bottom: var(--badge-spacing);
|
|
border-bottom: var(--border-width) solid var(--f2-border);
|
|
}
|
|
|
|
.setting-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: var(--box-spacing);
|
|
padding: var(--box-padding);
|
|
border: 1px solid var(--f1-border);
|
|
border-radius: var(--border-radius);
|
|
background: color-mix(in srgb, var(--f1-bg) 25%, transparent);
|
|
}
|
|
|
|
.setting-info {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: .15em;
|
|
}
|
|
|
|
.setting-info label {
|
|
color: var(--text-accent);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.setting-hint {
|
|
opacity: var(--semi-transparent);
|
|
font-size: var(--font-size);
|
|
}
|
|
|
|
.setting-control {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--box-spacing);
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.setting-control input[type="range"] {
|
|
width: 200px;
|
|
cursor: pointer;
|
|
accent-color: var(--primary);
|
|
padding: 0;
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.setting-control input[type="range"]:hover {
|
|
border: none;
|
|
filter: none;
|
|
}
|
|
|
|
.setting-value {
|
|
min-width: 4.5em;
|
|
text-align: right;
|
|
font-family: var(--mono);
|
|
font-size: var(--mono-size);
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.settings-reset {
|
|
border-top: var(--border-width) solid var(--f2-border);
|
|
padding-top: var(--box-spacing);
|
|
flex-direction: row;
|
|
}
|