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;
+ }
+}