Browse Source

* Fixed game creation responsivness

master
vvandenb 2 years ago
parent
commit
2b3ca72c69
  1. 6
      front/volume/src/components/Pong/GameCreation.svelte
  2. 3
      front/volume/src/components/Pong/MapCustomization.svelte

6
front/volume/src/components/Pong/GameCreation.svelte

@ -57,4 +57,10 @@
max-width: 100%; max-width: 100%;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@media (max-width: 768px) {
.window {
width: 80vw;
}
}
</style> </style>

3
front/volume/src/components/Pong/MapCustomization.svelte

@ -95,6 +95,7 @@
drawMap(); drawMap();
}}>Clear all walls</button }}>Clear all walls</button
> >
<br />
<canvas <canvas
bind:this={gameCanvas} bind:this={gameCanvas}
on:click={(e) => click(e, false)} on:click={(e) => click(e, false)}
@ -107,6 +108,8 @@
.renderCanvas { .renderCanvas {
width: 100%; width: 100%;
height: 100%; height: 100%;
max-width: 600px;
max-height: 60vh;
} }
.title { .title {

Loading…
Cancel
Save