ReadySet position

This commit is contained in:
Settel 2021-08-14 14:39:16 +02:00
parent 75148d5e30
commit 6a7a1cea57
2 changed files with 7 additions and 4 deletions

View File

@ -32,10 +32,13 @@ export default {
<style lang="scss"> <style lang="scss">
.ready-set { .ready-set {
&__container { &__container {
position: relative; position: absolute;
left: 50%;
top: 100px;
margin: 0 0 0 -300px;
width: 600px; width: 600px;
height: 600px; height: 600px;
border: 1px solid white; overflow: hidden;
} }
&__box1 { &__box1 {

View File

@ -3,9 +3,9 @@
<GameControls /> <GameControls />
<EngineDebug /> <EngineDebug />
<ReadySet v-if="gameState === 'ready-set'" :text="gamePhase" /> <ReadySet v-if="gameState === 'ready-set'" :text="gamePhase" />
<div v-if="gameState === 'idle'"> <template v-if="gameState === 'idle'">
<ReadySet text="waiting ..." /> <ReadySet text="waiting ..." />
</div> </template>
<div v-if="gameState === 'play'"> <div v-if="gameState === 'play'">
<h2>Play</h2> <h2>Play</h2>
</div> </div>