Upload via GUI (50 Dateien)

src/styles.css

@@ -208,9 +208,13 @@ body.is-popout>header.toolbar,body.is-popout>main.workspace,body.is-popout>foote
 #modal-record.popout-host .modal-body{display:flex;flex-direction:column}
 .popout-host .console-out,
 #modal-logs.popout-host .crash-voll,
-.popout-host .screens-grid,
 .popout-host .mods-list,
 .popout-host .record-stage{flex:1 1 auto;height:auto;max-height:none;min-height:0}
+/* Screenshots/Aufzeichnungen NICHT auf die volle Fensterhöhe zwingen (Grid-
+   Zeilen strecken sich sonst nicht mit, es bliebe bei wenigen Einträgen ein
+   großer sichtbar leerer Kasten stehen) - nur die feste 460px-Deckelung
+   aufheben, damit bei VIELEN Einträgen trotzdem mehr Platz genutzt wird */
+.popout-host .screens-grid{max-height:none}
 /* Mods-Fenster: die aktive Ansicht (Katalog/Installiert) muss selbst ein
    Flex-Container werden, damit ihre eigene Liste (.mods-list) die Regel oben
    nutzen und den restlichen Platz füllen kann */
@@ -378,6 +382,25 @@ img.account-av{object-fit:cover;image-rendering:auto}
 .screens-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
 .screens-toolbar .hint{font-size:11px}
 .screens-empty{color:var(--dim);text-align:center;padding:30px;grid-column:1/-1}
+.record-thumb-img-wrap{position:relative}
+.record-thumb-img-wrap img{background:#000}
+.record-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none}
+.record-thumb-size{font-size:10px;color:var(--dim);padding:0 6px 4px}
+
+/* Freunde */
+.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}
+.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))}
+.friend-dot{width:9px;height:9px;border-radius:50%;background:#8a8a8a;flex:0 0 auto}
+.friend-dot.online{background:#3bb54a}
+.friend-avatar{width:28px;height:28px;border-radius:4px;flex:0 0 auto;background:#1e1e1e;object-fit:contain}
+.friend-info{flex:1;min-width:0}
+.friend-name{font-size:13px}
+.friend-status{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.friends-empty{color:var(--dim);font-size:12px;padding:8px 4px}
 
 /* Spielaufzeichnung */
 .record-search{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 0;color:var(--dim)}