diff --git a/frontend/src/components/Card.vue b/frontend/src/components/Card.vue index d1a8ee9..545bc1e 100644 --- a/frontend/src/components/Card.vue +++ b/frontend/src/components/Card.vue @@ -20,6 +20,7 @@ :style="`background-image: url(${card.avatar});`" >
{{ emoji }}
+
🫵
{{ card.alt_text }}
{{ number @@ -271,10 +272,22 @@ export default { font-size: 26pt; top: 35%; } +.card .emoji.isMe { + position: absolute; + text-align: center; + width: 100%; + font-size: 16pt; + top: 52%; + right: 12pt; +} .emoji.bottomed { top: 45%; left: 8pt; } +.emoji.bottomed.emoji.isMe { + top: 60%; + left: -5pt; +} .card.must-be-used { filter: drop-shadow(0 0 5px red); } diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue index b99f117..b3b9062 100644 --- a/frontend/src/components/Lobby.vue +++ b/frontend/src/components/Lobby.vue @@ -47,12 +47,6 @@ :value="$t('copy')" />
- - - - - -
!x.is_bot); let isOwner = nonBots.length > 0 && nonBots[0].name == player.name; + let isMe = this.username == player.name; if (!this.started) icon = "🤠"; else icon = @@ -685,11 +680,12 @@ export default { return { name: player.name, number: - (this.username == player.name + (isMe ? this.$t("you") : isOwner ? this.$t("owner") : "") + (player.dist ? `${player.dist}⛰` : ""), + isMe: isMe, icon: icon, is_character: true, avatar: player.avatar, @@ -902,4 +898,9 @@ export default { transform: translateY(-5px) scale(1.05); } } +@media only screen and (max-width: 500pt) { + .players-table { + border-bottom: dashed #ccc2; + } +}