diff --git a/components/Card.vue b/components/Card.vue index 1cf595a..1e0fa7f 100644 --- a/components/Card.vue +++ b/components/Card.vue @@ -1,11 +1,11 @@ @@ -26,9 +26,9 @@ export default { const query = this.$route.hash.substring(1); const title = this.$props.title.replace(/ /g, ''); - return { - 'card--active': title.toLowerCase() === query - } + title.toLowerCase() === query + ? this.isReferenced = true + : this.isReferenced = false } }, }, @@ -50,7 +50,7 @@ export default { position: relative; &--active{ - border: 1px solid red !important; + box-shadow:inset 0px 0px 0px 3px #08e5ff; } &--reference {