ui: widen content to 1600px + force long URLs/hashes to wrap (fixes 4K/1920 overflow)
This commit is contained in:
@@ -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); }
|
||||||
|
|
||||||
|
|||||||
@@ -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",
|
||||||
|
|||||||
Reference in New Issue
Block a user