This commit is contained in:
@@ -28,16 +28,9 @@ onMounted(async () => {
|
||||
|
||||
</script>
|
||||
<template>
|
||||
<div id="game_status">
|
||||
|
||||
<template v-if="goStore.self && !goStore.current_game?.started">
|
||||
<input @change="setReady(($event.target as HTMLInputElement).checked)" type="checkbox" id="ready" />
|
||||
<label for="ready">Ready</label>
|
||||
</template>
|
||||
<div class="root_dom_div">
|
||||
<NuxtPage />
|
||||
</div>
|
||||
<LoginView v-if="goStore.context === 'login'"></LoginView>
|
||||
<GameBoard v-if="goStore.context != 'lobby' && goStore.context != 'login'"></GameBoard>
|
||||
<LobbyView v-if="goStore.context == 'lobby'"></LobbyView>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
@@ -55,12 +48,7 @@ body {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#game_status {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background-color: rgba(255, 255, 255, .75);
|
||||
.root_dom_div {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user