Fix game viewport layout

agent/zcode/gameplay-issue-1
darcy 4 weeks ago
parent ae2f342434
commit 67ad65102f

@ -58,6 +58,7 @@
<div><kbd>WASD</kbd><kbd>Arrow</kbd><span>Move</span></div> <div><kbd>WASD</kbd><kbd>Arrow</kbd><span>Move</span></div>
<div><kbd>Space</kbd><span>Fire</span></div> <div><kbd>Space</kbd><span>Fire</span></div>
<div><kbd>P</kbd><span>Pause</span></div> <div><kbd>P</kbd><span>Pause</span></div>
<div><kbd>Esc</kbd><span>End</span></div>
<div><kbd>Enter</kbd><span>Start / Restart</span></div> <div><kbd>Enter</kbd><span>Start / Restart</span></div>
</footer> </footer>
</section> </section>

@ -73,7 +73,7 @@ button:focus-visible {
} }
.shell { .shell {
width: min(1180px, calc(100vw - 32px)); width: min(980px, calc(100vw - 32px));
min-height: 100vh; min-height: 100vh;
margin: 0 auto; margin: 0 auto;
padding: 18px 0; padding: 18px 0;
@ -192,7 +192,7 @@ h1 {
.stage-wrap { .stage-wrap {
position: relative; position: relative;
width: min(100%, max(420px, calc((100vh - 320px) * 4 / 3))); width: 100%;
aspect-ratio: 4 / 3; aspect-ratio: 4 / 3;
margin: 0 auto; margin: 0 auto;
min-height: 280px; min-height: 280px;
@ -319,7 +319,6 @@ kbd {
} }
.stage-wrap { .stage-wrap {
width: 100%;
max-height: none; max-height: none;
} }
} }

Loading…
Cancel
Save