API-Keys UI: Toggle+Check neben Badge, übernommene Keys ausblenden, Layout-Polish

- 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
This commit is contained in:
Meleki committed 2026-03-12 19:19:35 +01:00
1 parent de388806cb
commit bdcfd1f8b3
4 files changed
+93 -75

No files matched your search

+13
View File
@@ -93,6 +93,19 @@ button.icon-btn:hover {
border-color: transparent;
}
button.icon-btn[title="Deaktivieren"],
button.icon-btn[data-tooltip="Deaktivieren"] {
border-color: var(--primary);
background: var(--primary);
color: var(--f1-bg);
}
.admin-user-row:has(button.icon-btn[title="Deaktivieren"]),
.admin-user-row:has(button.icon-btn[data-tooltip="Deaktivieren"]) {
border-color: var(--primary);
filter: brightness(1.1);
}
textarea, code, pre, .tool-input, .tool-diff, .tool-result {
font-family: var(--mono);
font-size: var(--mono-size);
+4
View File
@@ -572,6 +572,7 @@ label.skill-item {
.admin-user-list {
display: flex;
flex-direction: column;
gap: var(--badge-spacing);
}
.admin-user-row {
@@ -579,6 +580,9 @@ label.skill-item {
align-items: center;
justify-content: space-between;
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);
}
.admin-user-info {
+2 -2
View File
@@ -25,9 +25,9 @@
justify-content: space-between;
gap: var(--box-spacing);
padding: var(--box-padding);
background: var(--f1-bg);
border: var(--border-width) solid var(--f1-border);
border: 1px solid var(--f1-border);
border-radius: var(--border-radius);
background: color-mix(in srgb, var(--f1-bg) 25%, transparent);
}
.setting-info {