diff --git a/src/App.vue b/src/App.vue index 7f002c6..2040a3b 100644 --- a/src/App.vue +++ b/src/App.vue @@ -6,6 +6,20 @@ :players="players" :roles="roles" > + +

Select an edition:

+ +
@@ -30,30 +44,27 @@ diff --git a/src/components/Modal.vue b/src/components/Modal.vue index a71fff9..2869f5c 100644 --- a/src/components/Modal.vue +++ b/src/components/Modal.vue @@ -50,6 +50,20 @@ export default { margin: 0; text-align: center; } + + ul { + list-style-type: none; + margin: 0; + padding: 0; + display: flex; + flex-wrap: wrap; + align-content: center; + align-items: center; + overflow: hidden; + justify-content: center; + font-size: 75%; + line-height: 100%; + } } .modal-fade-enter, diff --git a/src/components/Player.vue b/src/components/Player.vue index ecf9291..19e6d71 100644 --- a/src/components/Player.vue +++ b/src/components/Player.vue @@ -5,7 +5,7 @@ :class="{ dead: player.hasDied, 'no-vote': player.hasVoted, - traveller: player.role && player.role.team === 'traveller' + traveler: player.role && player.role.team === 'traveler' }" >
@@ -168,7 +168,7 @@ export default { } &.dead { - &.traveller { + &.traveler { filter: grayscale(100%); } diff --git a/src/components/TownInfo.vue b/src/components/TownInfo.vue index 2d4eb27..a7935ba 100644 --- a/src/components/TownInfo.vue +++ b/src/components/TownInfo.vue @@ -25,11 +25,11 @@ class="demon" v-bind:icon="teams.demons > 1 ? 'user-friends' : 'user'" /> -