diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue index b5a9c5e..cd5689c 100644 --- a/frontend/src/components/Lobby.vue +++ b/frontend/src/components/Lobby.vue @@ -7,6 +7,10 @@
+ + ❤️ + 💀 +
@@ -123,7 +127,7 @@ export default { name: player.name, number: ((this.username == player.name) ? 'YOU' : (this.players[0].name == player.name) ? 'OWNER' :'') + (player.dist ? `${player.dist}⛰` : ''), icon: (player.lives === undefined || player.lives > 0) ? (player.is_sheriff ? '⭐' : '🤠') : '☠️', - alt_text: player.lives !== undefined ? Array(player.lives).join('❤️')+Array(player.max_lives-player.lives).join('💀') : '', + alt_text: player.character, is_character: true, } }, @@ -188,6 +192,15 @@ export default { transform-origin: 50% 0%; top: 0; } +.tiny-health { + position: absolute; + display: flex; + justify-content: space-evenly; + top: -16pt; + transform: scale(0.8); + right: 0; + left: 0; +} .tiny-equipment .card:nth-child(n+2) { margin-top: -60pt; }