ui: widen content to 1600px + force long URLs/hashes to wrap (fixes 4K/1920 overflow)

This commit is contained in:
m17hr1l
2026-06-06 21:29:16 +02:00
parent 3e737d61b3
commit 77533eccb1
2 changed files with 10 additions and 2 deletions

View File

@@ -108,7 +108,15 @@ h1, h2, h3,
filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 10px var(--accent-glow)); filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 10px var(--accent-glow));
} }
.content { padding: 24px; max-width: 1280px; margin: 0 auto; } .content { padding: 24px; max-width: 1600px; margin: 0 auto; }
@media (min-width: 2400px) { .content { max-width: 1900px; } }
/* long URLs, hashes, fingerprints would otherwise blow out their card on big monitors */
.card { min-width: 0; }
.card code, .card a, .card dd, .card li,
.sp-hash, .sp-id, .lg-hash, .news-case-id, .feed-name {
overflow-wrap: anywhere;
word-break: break-word;
}
.footer { text-align: center; color: var(--muted); padding: 24px; font-size: 12px; } .footer { text-align: center; color: var(--muted); padding: 24px; font-size: 12px; }
.footer a { color: var(--accent); } .footer a { color: var(--accent); }

View File

@@ -5,7 +5,7 @@
// This makes the cockpit installable as a PWA and survives flaky connections, // This makes the cockpit installable as a PWA and survives flaky connections,
// without serving stale operational data behind the operator's back. // without serving stale operational data behind the operator's back.
const CACHE_VERSION = "psyc-v4"; const CACHE_VERSION = "psyc-v5";
const STATIC_ASSETS = [ const STATIC_ASSETS = [
"/static/cockpit.css", "/static/cockpit.css",
"/static/psyc-tokens.css", "/static/psyc-tokens.css",