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

Add a card ID for if there are multiple guessers in the game

Browse source
This commit is contained in:
Oliver-Akins 2021-01-26 16:48:49 -07:00
parent 249bc5bca6
commit b380fef99b
1 changed files with 14 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
web/src/components/Hand.vue
View file

@ -28,6 +28,12 @@
:key="`card_${cardIndex}`" :key="`card_${cardIndex}`"
@click.self="handleCardClick(cardIndex)" @click.self="handleCardClick(cardIndex)"
> >
<span
class="card-id"
v-if="multipleGuessersOnTeam"
>
{{ cardIndex }}
</span>
<p class="card-text centre"> <p class="card-text centre">
{{ questions[cardIndex - 1] }} {{ questions[cardIndex - 1] }}
</p> </p>
@ -66,7 +72,7 @@ export default {
return this.$store.state.writer_card_button; return this.$store.state.writer_card_button;
} else { } else {
return `Unknown Role`; return `Unknown Role`;
} };
}, },
questions() { questions() {
return this.$store.state.questions; return this.$store.state.questions;
@ -210,11 +216,18 @@ export default {
flex-direction: column; flex-direction: column;
width: calc(100% / 9); width: calc(100% / 9);
border-radius: 10px; border-radius: 10px;
position: relative;
padding: 10px; padding: 10px;
display: flex; display: flex;
height: 80%; height: 80%;
} }
.card-id {
position: absolute;
left: 5px;
top: 5px;
}
.card-text { .card-text {
flex-grow: 1; flex-grow: 1;
} }