Compare commits

...

2 commits

Author SHA1 Message Date
Chandler Swift 79d6c89f25
Wrap checkbox label in <label> 2024-03-06 22:54:39 -06:00
Chandler Swift 3d3eb897d0
Fix viewport overflow 2024-03-06 22:54:22 -06:00

View file

@ -18,7 +18,7 @@
<button class="btn btn-primary" type="button" id="go-button">Play</button>
</div>
</div>
<div id="game" v-scope class="row h-100" style="visibility:hidden;">
<div id="game" v-scope class="row" style="visibility:hidden;">
<div class="col-4">
<div class="mb-3">
<label for="city-guess" class="form-label">City:</label>
@ -59,10 +59,11 @@
</tbody>
</table>
</div>
<div class="col-8 h-100">
<div class="col-8">
<canvas id="canvas" class="mx-3 my-auto" @vue:mounted="draw" width="800" height="600"></canvas>
<div>
<input type="checkbox" v-model="show_unguessed_cities" @change="draw"> Show unguessed cities
<input type="checkbox" id="show-unguessed-checkbox" v-model="show_unguessed_cities" @change="draw">
<label for="show-unguessed-checkbox">Show unguessed cities</label>
</div>
</div>
</div>