1
0
Fork 0
Browse Source

chore: add dummy button to test larger size across devices

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
combat-scorched-earth-from-outer-space
André Jaenisch 10 months ago
parent
commit
8b93b22d03
Signed by: ryuno-ki
GPG Key ID: 5A668E771F1ED854
  1. 11
      src/css/main.css
  2. 4
      src/index.njk

11
src/css/main.css

@ -329,9 +329,14 @@ input[type="range"] {
#scene-game {
display: grid;
grid-template-areas:
'canvas ygravity'
'xgravity . '
'controls controls';
'card . canvas ygravity'
'card . xgravity . '
'card . controls controls';
max-width: 100%;
}
#card {
grid-area: card;
}
#game {

4
src/index.njk

@ -22,7 +22,9 @@
</section>
<section id="scene-game" tabindex="0">
<canvas id="game" width="300" height="450"></canvas>
<button id="card" type="button">Card</button>
<!-- 16:9 for tablet or netbook screens -->
<canvas id="game" width="800" height="450"></canvas>
<label id=="xgravity-label">
<span>Manipulate the gravity!</span>
<input

Loading…
Cancel
Save