Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Adjust styling and markup to account for the past questions

Browse source
This commit is contained in:
Oliver-Akins 2020-12-12 16:32:43 -07:00
parent ede4e64714
commit 4b5302d24c
2 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

3
web/src/components/GameBoard.vue
View file

@ -129,9 +129,8 @@ export default {
padding: 0 10px 10px; padding: 0 10px 10px;
border-radius: 20px; border-radius: 20px;
flex-direction: row; flex-direction: row;
margin: 15px auto;
display: flex; display: flex;
width: 95%; margin: 0;
} }
.team-container { .team-container {

12
web/src/views/InGame.vue
View file

@ -1,6 +1,9 @@
<template> <template>
<div id="GameView" class="maximize"> <div id="GameView" class="maximize">
<div class="game-board-container">
<past-questions />
<game-board /> <game-board />
</div>
<player-hand /> <player-hand />
<team-reminder /> <team-reminder />
<discard-hand /> <discard-hand />
@ -9,6 +12,7 @@
<script> <script>
import DiscardHand from "../components/DiscardHandButton"; import DiscardHand from "../components/DiscardHandButton";
import PastQuestions from '../components/PastQuestions';
import TeamReminder from "../components/TeamReminder"; import TeamReminder from "../components/TeamReminder";
import GameBoard from "../components/GameBoard"; import GameBoard from "../components/GameBoard";
import PlayerHand from "../components/Hand"; import PlayerHand from "../components/Hand";
@ -16,6 +20,7 @@ import PlayerHand from "../components/Hand";
export default { export default {
name: `InGame`, name: `InGame`,
components: { components: {
"past-questions": PastQuestions,
"team-reminder": TeamReminder, "team-reminder": TeamReminder,
"discard-hand": DiscardHand, "discard-hand": DiscardHand,
"player-hand": PlayerHand, "player-hand": PlayerHand,
@ -29,4 +34,11 @@ export default {
<style scoped> <style scoped>
@import "../css/theme.css"; @import "../css/theme.css";
@import "../css/style.css"; @import "../css/style.css";
.game-board-container {
text-align: center;
position: relative;
margin: 15px auto;
width: 95%;
}
</style> </style>