From 15c755c4c4ec82236248a7c7b2546dc79b8d3564 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Weller?= <info@lost.design>
Date: Tue, 14 May 2019 23:58:28 +0200
Subject: [PATCH] fix references

---
 components/Card.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

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 @@
 <template lang="pug">
-  .card(:class="checkReference()")
+  .card(:class="{'card--active': isReferenced}")
     //- a.card--link(:href="url" :target='title' rel='noreferrer')
     p.card--title {{title}}
     p.card--description {{desc}}
     div
-      a.card--reference(@click='createCopyUrl') Copy reference
-      br
+      //- a.card--reference(@click='createCopyUrl') Copy reference
+      //- br
       a(:href="url" :target='title' rel='noreferrer') Visit website
 </template>
 
@@ -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 {