avoid clashing with seat icon

This commit is contained in:
nicfreeman1209 2021-05-03 17:22:47 +01:00
parent f0619bdaeb
commit 14de625811
2 changed files with 8 additions and 5 deletions

View File

@ -97,11 +97,14 @@
@click="updatePlayer('isVoteless', true)" @click="updatePlayer('isVoteless', true)"
title="Ghost vote" title="Ghost vote"
/> />
<!-- On block icon -->
<font-awesome-icon <font-awesome-icon
icon="crosshairs" icon="skull"
v-if="player.isOnBlock" v-if="player.isOnBlock"
class="on-block" class="on-block"
/> />
<div <div
class="name" class="name"
@click="isMenuOpen = !isMenuOpen" @click="isMenuOpen = !isMenuOpen"
@ -143,7 +146,7 @@
Swap seats Swap seats
</li> </li>
<li @click="toggleOnBlock()"> <li @click="toggleOnBlock()">
<font-awesome-icon icon="crosshairs" /> <font-awesome-icon icon="skull" />
{{ player.isOnBlock ? "Take off block" : "Put on block" }} {{ player.isOnBlock ? "Take off block" : "Put on block" }}
</li> </li>
<li @click="nominatePlayer()"> <li @click="nominatePlayer()">
@ -619,8 +622,8 @@ li.move:not(.from) .player .overlay svg.move {
.on-block { .on-block {
position: absolute; position: absolute;
margin-top: -15%; margin-top: -95%;
left: 3px; right: 2px;
color: darkred; color: darkred;
} }

View File

@ -16,7 +16,6 @@ const faIcons = [
"CloudMoon", "CloudMoon",
"Cog", "Cog",
"Copy", "Copy",
"Crosshairs",
"Dice", "Dice",
"Dragon", "Dragon",
"ExchangeAlt", "ExchangeAlt",
@ -36,6 +35,7 @@ const faIcons = [
"RedoAlt", "RedoAlt",
"SearchMinus", "SearchMinus",
"SearchPlus", "SearchPlus",
"Skull",
"Square", "Square",
"TheaterMasks", "TheaterMasks",
"Times", "Times",