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> <button class="btn btn-primary" type="button" id="go-button">Play</button>
</div> </div>
</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="col-4">
<div class="mb-3"> <div class="mb-3">
<label for="city-guess" class="form-label">City:</label> <label for="city-guess" class="form-label">City:</label>
@ -59,10 +59,11 @@
</tbody> </tbody>
</table> </table>
</div> </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> <canvas id="canvas" class="mx-3 my-auto" @vue:mounted="draw" width="800" height="600"></canvas>
<div> <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> </div>
</div> </div>