diff options
Diffstat (limited to 'frontend/src')
| -rw-r--r-- | frontend/src/components/TetrisBoard.vue | 2 | ||||
| -rw-r--r-- | frontend/src/views/JoinView.vue | 15 |
2 files changed, 15 insertions, 2 deletions
diff --git a/frontend/src/components/TetrisBoard.vue b/frontend/src/components/TetrisBoard.vue index d7bd2d2..0185e53 100644 --- a/frontend/src/components/TetrisBoard.vue +++ b/frontend/src/components/TetrisBoard.vue @@ -113,7 +113,7 @@ const tick = () => { break; } - if (!props.networked && gameSpeed > 150 && elapsedBlocks % 3 === 0) { + if (gameSpeed > 150 && elapsedBlocks % 3 === 0) { gameSpeed = Math.max(150, gameSpeed - (gameSpeed > 300 ? 75 : 10)); rescheduleTickTimer(); } diff --git a/frontend/src/views/JoinView.vue b/frontend/src/views/JoinView.vue index abfbd1a..c9344db 100644 --- a/frontend/src/views/JoinView.vue +++ b/frontend/src/views/JoinView.vue @@ -51,10 +51,23 @@ function sendRight() { <h1 v-if="joiningGame">Joining game "{{ sessionId }}"...</h1> <h1 v-if="connected">Connected to "{{ sessionId }}"</h1> <h1 v-if="gameState === 'waiting'">Waiting for host to start the game...</h1> - <div v-if="gameState === 'playing'"> + <div class='controls' v-if="gameState === 'playing'"> <button @click="sendLeft">Left</button> <button @click="sendRotate">Rotate</button> <button @click="sendRight">Right</button> </div> </main> </template> + +<style scoped> + .controls { + display: flex; + flex-direction: row; + height: 100vh; + gap: 0.5rem; + } + + .controls button { + flex-grow: 1; + } +</style> |