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

{{desc}}

@@ -19,11 +20,19 @@ export default { props: { cards: Array, select: Function, + cancel: Function, text: String, }, data: () => ({ desc: '' }), + computed: { + showCancelBtn() { + if (this.cancel) + return true + return false + } + }, methods: { showDesc(card) { this.desc = card.desc @@ -63,4 +72,19 @@ export default { .card:hover { transform: translate(0, -5px) scale(1.05, 1.05); } +.button { + background-color: #0000; + color: white; + border: 2px solid white; + transition-duration: 0.2s; + width: 100pt; + height: 24pt; + border-radius: 12pt; + cursor: pointer; +} + +.button:hover { + background-color: white; /* Green */ + color: black; +} diff --git a/frontend/src/components/Player.vue b/frontend/src/components/Player.vue index 30d959e..032dc01 100644 --- a/frontend/src/components/Player.vue +++ b/frontend/src/components/Player.vue @@ -22,7 +22,7 @@

{{hint}}

- + @@ -146,6 +146,9 @@ export default { this.really_play_card(this.card_against, player.name) this.card_against = null }, + cancelCardAgainst() { + this.card_against = null + }, really_play_card(card, against) { let card_data = { index: this.hand.indexOf(card),