mregosar/Cs2-Mapveto
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Admin: Einstellungen mit Seitenleiste, Docker-Hosts und Messer-Server in die Einstellungen

Browse Source
This commit is contained in:
mregosar committed 2026-10-29 22:04:24 +01:00
1 parent ea06237846
commit 75b1701d8a
4 files changed
+139 -18
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/styles.css
+19
View File
@@ -626,3 +626,22 @@ input:focus, select:focus { border-color: var(--link); outline: none; }
.flow-steps .flow-ban { color: var(--error); border-color: color-mix(in srgb, var(--error) 50%, transparent); }
.flow-steps .flow-pick { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 50%, transparent); }
.flow-steps .flow-decider { color: var(--text); border-color: var(--primary); }
/* Admin-Einstellungen mit Seitenleiste */
.settings-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 20px; align-items: start; }
.settings-nav { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 14px; }
.settings-nav-title { font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin: 0 0 4px 10px; }
.settings-nav-group { display: flex; flex-direction: column; gap: 2px; }
.settings-nav-item { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100%; text-align: left; font: inherit; color: var(--text); background: transparent; border: 1px solid transparent; border-left: 3px solid transparent; border-radius: 4px; padding: 7px 10px; cursor: pointer; }
.settings-nav-item small { font-size: .75rem; color: var(--muted); }
.settings-nav-item:hover { background: var(--surface); }
.settings-nav-item.is-active { background: var(--surface); border-color: var(--line); border-left-color: var(--primary); }
.settings-content > .admin-settings { margin-bottom: 0; }
@media (max-width: 760px) {
.settings-layout { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.settings-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 6px; }
.settings-nav-group { flex-direction: row; flex-wrap: wrap; gap: 6px; }
.settings-nav-title { display: none; }
.settings-nav-item { width: auto; white-space: nowrap; border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; }
.settings-nav-item small { display: none; }
.settings-nav-item.is-active { border-color: var(--primary); }
}