Upload via GUI (90 Dateien)
This commit is contained in:
@@ -391,6 +391,42 @@ img.account-av{object-fit:cover;image-rendering:auto}
|
||||
.tb-badge{display:inline-block;min-width:16px;height:16px;padding:0 4px;margin-left:6px;border-radius:8px;background:#d9453c;color:#fff;font-size:11px;font-weight:600;line-height:16px;text-align:center;box-sizing:border-box}
|
||||
#modal-friends .field-row{margin-bottom:14px}
|
||||
#modal-friends .field-row input{flex:1}
|
||||
/* ---- Spielzeit-Statistik: Kennzahlen + Balken pro Instanz ---- */
|
||||
:root{--stat-bar:#3a6ea5}
|
||||
:root[data-theme="dark"]{--stat-bar:#3d8fe0}
|
||||
.stats-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:6px}
|
||||
.stat-tile{border:1px solid var(--border);border-radius:4px;padding:8px 10px;min-width:0}
|
||||
.stat-tile .stat-label{font-size:11px;color:var(--dim)}
|
||||
.stat-tile .stat-value{font-size:18px;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.stat-tile .stat-sub{font-size:11px;color:var(--dim);line-height:1.35}
|
||||
.stats-list{display:flex;flex-direction:column;gap:2px}
|
||||
.stat-row{display:grid;grid-template-columns:minmax(0,38%) 1fr auto;align-items:center;gap:10px;padding:5px 4px;border-radius:3px}
|
||||
.stat-row:hover{background:var(--sel)}
|
||||
.stat-name{min-width:0}
|
||||
.stat-name b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
||||
.stat-name span{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
|
||||
.stat-track{height:8px}
|
||||
.stat-bar{height:8px;background:var(--stat-bar);border-radius:0 4px 4px 0;min-width:2px}
|
||||
.stat-value-cell{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:92px}
|
||||
.popout-host .stats-list{max-height:none}
|
||||
|
||||
/* Clip-Modus-Leiste im Aufzeichnungsfenster */
|
||||
.clip-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 12px;border:1px solid var(--border);border-radius:4px;background:var(--area)}
|
||||
.clip-bar.aktiv{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
|
||||
.clip-switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;user-select:none}
|
||||
.clip-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
|
||||
.clip-switch-track{position:relative;width:32px;height:18px;border-radius:9px;background:var(--border);transition:background .15s}
|
||||
.clip-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.35);transition:left .15s}
|
||||
.clip-switch input:checked + .clip-switch-track{background:var(--accent)}
|
||||
.clip-switch input:checked + .clip-switch-track .clip-switch-knob{left:16px}
|
||||
.clip-switch input:focus-visible + .clip-switch-track{outline:2px solid var(--accent);outline-offset:2px}
|
||||
.clip-length{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim)}
|
||||
.clip-length select{padding:3px 6px;border:1px solid var(--border);border-radius:3px;background:var(--input,#fff);color:var(--text);font-family:inherit;font-size:12px}
|
||||
.clip-length select:disabled{opacity:.6}
|
||||
.clip-status{flex:1;min-width:200px;font-size:12px;color:var(--dim)}
|
||||
.clip-bar.aktiv .clip-status{color:var(--text)}
|
||||
.clip-bar.aktiv .clip-status::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--danger);vertical-align:1px;animation:rec-pulse 1.6s infinite}
|
||||
|
||||
.friends-section-title{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.03em;margin:10px 0 6px}
|
||||
.friend-row{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:3px}
|
||||
.friend-row:hover{background:var(--sel,rgba(0,0,0,.04))}
|
||||
|
||||
Reference in New Issue
Block a user