Add the first view and the attributions bar.
This commit is contained in:
parent
5ce13609f7
commit
f7e71e7cc3
1 changed files with 31 additions and 4 deletions
|
|
@ -1,14 +1,41 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="app"></div>
|
<div id="app" class="maximize">
|
||||||
|
<CreateJoin v-if="gameState == `login`" />
|
||||||
|
<Attributions />
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import AttributionsBar from "./components/Attributions";
|
||||||
|
import CreateJoinGame from "./views/CreateJoin";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'App',
|
name: `App`,
|
||||||
components: {}
|
components: {
|
||||||
|
"Attributions": AttributionsBar,
|
||||||
|
"CreateJoin": CreateJoinGame,
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
gameState() {
|
||||||
|
return this.$store.state.view;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
@import "css/theme.css";
|
||||||
|
@import "css/style.css";
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
background-color: var(--background1);
|
||||||
|
color: var(--light-font-colour);
|
||||||
|
font-family: var(--fonts);
|
||||||
|
overflow: hidden;
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue