47 lines
640 B
Vue
47 lines
640 B
Vue
|
<template>
|
||
|
|
<div class="play">
|
||
|
|
<div class="play__quote-container">
|
||
|
|
<Quote :text="quote" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
computed: {
|
||
|
|
gamePhase() {
|
||
|
|
return this.$store.state.game.phase
|
||
|
|
},
|
||
|
|
quote() {
|
||
|
|
return this.$store.state.round.quote
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
html,
|
||
|
|
body,
|
||
|
|
#__nuxt,
|
||
|
|
#__layout,
|
||
|
|
.layout-default,
|
||
|
|
.page-play {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.play {
|
||
|
|
position: relative;
|
||
|
|
height: 100%;
|
||
|
|
|
||
|
|
&__quote-container {
|
||
|
|
display: flex;
|
||
|
|
position: absolute;
|
||
|
|
left: 35%;
|
||
|
|
top: 35%;
|
||
|
|
width: 30%;
|
||
|
|
height: 30%;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|