diff --git a/frontend/src/components/Chooser.vue b/frontend/src/components/Chooser.vue index a5aab94..ef87b68 100644 --- a/frontend/src/components/Chooser.vue +++ b/frontend/src/components/Chooser.vue @@ -4,7 +4,7 @@
-

{{desc}}

+

{{desc}}

@@ -53,8 +53,8 @@ export default { display: flex; align-items: center; justify-content: center; + flex-wrap: wrap; } - .card { width: 72pt; min-width:72pt; diff --git a/frontend/src/components/Player.vue b/frontend/src/components/Player.vue index 2a7b743..626768f 100644 --- a/frontend/src/components/Player.vue +++ b/frontend/src/components/Player.vue @@ -1,6 +1,6 @@ @@ -52,7 +53,8 @@ export default { pending_action: null, card_against: null, has_played_bang: false, - visiblePlayers: [] + visiblePlayers: [], + is_my_turn: false, }), sockets: { role(role) { @@ -68,6 +70,7 @@ export default { this.lives = self.lives this.max_lives = self.max_lives this.has_played_bang = self.has_played_bang + this.is_my_turn = self.is_my_turn if (this.pending_action == 5) { this.chooseCardFromPlayer(self.target_p) } @@ -88,7 +91,7 @@ export default { instruction() { if (this.pending_action == null) return '' - let x = ['Estrai una carta', 'Pesca le tue carte', 'Gioca le tue carte', 'Rispondi alla carta', 'Attendi', 'Scegli una carta'] + let x = ['▶️ Estrai una carta', '▶️ Pesca le tue carte', '▶️ Gioca le tue carte', '▶️ Rispondi alla carta', '⏸ Attendi', '▶️ Scegli una carta'] return x[this.pending_action] }, canEndTurn() { @@ -172,4 +175,17 @@ export default { display:flex; margin: 10pt 0pt; } +.turn-notify { + pointer-events: none; + animation: disappear 2s ease-in forwards; +} +@keyframes disappear { + 0% { + opacity: 1; + } + 100% { + opacity: 0; + visibility: hidden; + } +} \ No newline at end of file