mdaleo404/games
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix aspet-ratio for Chromium
Build Docker Image & Security / build-scan-push (push) Successful in 1m59s
Details

Browse Source
This commit is contained in:
mdaleo404
2026-07-08 10:12:38 +01:00
parent 8f60b5dcda
commit 419664736e
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
games/uptime/uptime-incident-response.html
+8 -2
View File
@@ -96,6 +96,12 @@
border:1px solid var(--line); border:1px solid var(--line);
border-radius:10px; border-radius:10px;
position:relative; position:relative;
align-self:start;
width:100%;
max-width:100%;
height:min(74vh, 660px);
min-height:420px;
isolation:isolate;
overflow:hidden; overflow:hidden;
aspect-ratio: 5 / 3; aspect-ratio: 5 / 3;
image-rendering:pixelated; image-rendering:pixelated;
@@ -350,7 +356,7 @@
body{ align-items:flex-start; padding:12px; } body{ align-items:flex-start; padding:12px; }
.wrap{ max-width:720px; } .wrap{ max-width:720px; }
.board{ grid-template-columns:1fr; } .board{ grid-template-columns:1fr; }
.map-panel{ aspect-ratio: 4 / 3; order:1; } .map-panel{ aspect-ratio: 4 / 3; height:auto; min-height:0; order:1; }
.side{ height:auto; min-height:0; order:2; } .side{ height:auto; min-height:0; order:2; }
body.game-running .map-panel{ order:2; } body.game-running .map-panel{ order:2; }
body.game-running .side{ order:1; } body.game-running .side{ order:1; }
@@ -415,7 +421,7 @@
.stat .val{ font-size:16px; } .stat .val{ font-size:16px; }
.stat .lbl{ font-size:7px; letter-spacing:0.12em; } .stat .lbl{ font-size:7px; letter-spacing:0.12em; }
.board{ grid-template-columns:minmax(0, 1fr) minmax(260px, 330px); gap:8px; } .board{ grid-template-columns:minmax(0, 1fr) minmax(260px, 330px); gap:8px; }
.map-panel{ aspect-ratio:4 / 3; min-height:0; order:1; } .map-panel{ aspect-ratio:4 / 3; height:calc(100svh - 74px); min-height:0; order:1; }
.side{ order:2; height:calc(100svh - 74px); min-height:250px; } .side{ order:2; height:calc(100svh - 74px); min-height:250px; }
body.game-running .map-panel{ order:1; } body.game-running .map-panel{ order:1; }
body.game-running .side{ order:2; } body.game-running .side{ order:2; }