MrMaho/BSO-Launcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0.3.0: Freunde und Lobby, Server-Browser entfernt

Browse Source 
- Seite Freunde: hinzufuegen, annehmen, online-Anzeige, Lobby erstellen/einladen/beitreten, Server starten
- SPIELEN in der Lobby: Ticket fuer die Lobby + Relay-Adresse in BSO.json
- Knopf 'Mod herunterladen' holt jederzeit die neueste Mod

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
MrMaho
2026-10-28 19:30:22 +01:00
co-authored by Claude Opus 5.5
parent bcc85a51de
commit 3281468bee
10 changed files with 219 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/app.css
+16 -10
View File
@@ -146,16 +146,22 @@ nav button.on { background: var(--panel-2); color: var(--text); }
.dot.bad { background: var(--danger); }
.row { display: flex; gap: 8px; align-items: center; }
/* ---------------------------------------------------------------- Server-Browser */
.server-list { display: grid; gap: 8px; }
.server { display: grid; grid-template-columns: 1fr 70px 70px 110px auto; align-items: center; gap: 14px; padding: 14px 18px;
background: var(--panel); border: 1px solid var(--border); border-radius: 12px; }
.server:hover { border-color: #36404f; }
.server-main { display: grid; min-width: 0; }
.server-main b, .server-main span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.server-col { text-align: right; font-variant-numeric: tabular-nums; }
.ok { color: var(--online); } .warn { color: var(--pending); } .bad { color: var(--danger); }
/* ---------------------------------------------------------------- Freunde & Lobby */
.nav-badge { margin-left: auto; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--danger); color: #fff;
font-size: 11px; font-weight: 800; display: grid; place-items: center; }
.social { display: grid; grid-template-columns: 1.15fr 1fr; gap: 16px; align-items: start; }
.people { display: grid; gap: 6px; }
.person { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; background: var(--panel-2); }
.person .name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.person .crown { color: var(--pending); font-size: 13px; }
.person .x { border: 0; background: transparent; color: var(--muted); cursor: pointer; font: 12px var(--icons); padding: 4px 6px; border-radius: 6px; }
.person .x:hover { color: var(--text); background: #2a3140; }
.server-state { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--bg); border: 1px solid var(--border); }
.invite { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 12px;
background: rgba(47, 155, 255, .1); border: 1px solid rgba(47, 155, 255, .35); }
.invite span { flex: 1; }
.section-title { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 6px 0 2px; }
@media (max-width: 1000px) { .social { grid-template-columns: 1fr; } }
/* ---------------------------------------------------------------- Neuigkeiten */
.release { background: var(--panel); border: 1px solid var(--border); border-radius: 14px; padding: 18px; display: grid; gap: 6px; }
.release header { display: flex; align-items: baseline; gap: 10px; }