Ganze Abfrage-URL einfuegen statt drei Felder tippen

frontend/src/pages/Server.jsx

@@ -75,6 +75,10 @@ function ServerCard({ s }) {
     const [alleSpieler, setAlleSpieler] = useState(false);
     const pct = s.online && s.max ? Math.round((s.players / s.max) * 100) : 0;
     const stats = historyStats(s.history);
+    // War in 24 h überhaupt jemand drauf? Wenn nicht, ist das Diagramm eine
+    // Nulllinie in hundert Pixeln Leere — das sieht nach Fehler aus, obwohl
+    // es keiner ist. Dann lieber ein Satz statt einer leeren Fläche.
+    const hatVerlauf = s.history.length > 1 && s.history.some((h) => (h.players ?? 0) > 0);
     // Ab 80 % wird es eng, ab 100 % kommt keiner mehr rein — das soll man
     // sehen, ohne den Balken mit der Zahl daneben zu vergleichen.
     const fuellung = pct >= 100 ? 'voll' : pct >= 80 ? 'eng' : 'frei';
@@ -153,20 +157,22 @@ function ServerCard({ s }) {
                 </div>
             )}
 
-            {s.history.length > 1 && <HistoryChart history={s.history} max={s.max} />}
-            {stats && (
-                <div className="srv-stats">
-                    <span>{t('server.players24h')}</span>
-                    {/* Uptime steht jetzt am Balken darunter — zweimal dieselbe
-                        Zahl in verschiedenen Zeiträumen verwirrt nur. */}
-                    <span>{t('server.peak')} <b>{stats.peak}</b></span>
-                </div>
-            )}
-            {s.history.length > 1 && (
-                <div className="srv-achse">
-                    <span>{t('server.hours24')}</span>
-                    <span>{t('server.now')}</span>
-                </div>
+            {hatVerlauf ? (
+                <>
+                    <HistoryChart history={s.history} max={s.max} />
+                    <div className="srv-stats">
+                        <span>{t('server.players24h')}</span>
+                        {/* Uptime steht jetzt am Balken darunter — zweimal dieselbe
+                            Zahl in verschiedenen Zeiträumen verwirrt nur. */}
+                        <span>{t('server.peak')} <b>{stats.peak}</b></span>
+                    </div>
+                    <div className="srv-achse">
+                        <span>{t('server.hours24')}</span>
+                        <span>{t('server.now')}</span>
+                    </div>
+                </>
+            ) : s.online && (
+                <p className="srv-leer">{t('server.nobody24h')}</p>
             )}
 
             <UptimeTrack buckets={s.uptime} />