diff --git a/src/views/Player.vue b/src/views/Player.vue index 345388e..3c73b50 100644 --- a/src/views/Player.vue +++ b/src/views/Player.vue @@ -6,9 +6,12 @@
Player avatar + :class="data.playerDetails.tracked ? 'tracked' : ''" :src="data.playerDetails.avatar" + :title="data.playerDetails.tracked ? 'Tracked' : ''" + alt="Player avatar" + class="img-fluid avatar">
-
+
@@ -329,6 +329,12 @@ export default { background: rgba(0, 0, 0, .7); min-width: 100%; min-height: 100%; + + .trackme-btn { + position: absolute; + right: 0; + bottom: 0; + } } .card { @@ -339,6 +345,10 @@ export default { height: 150px; width: 150px; box-shadow: 0 0 10px black; + + &.tracked { + box-shadow: 0 0 20px 5px var(--bs-success); + } } .fas, .far { @@ -488,6 +498,10 @@ table { width: 75px; } } + .trackme-btn { + top: 25px; + } + .map { padding-left: 2.2rem !important; }