From a6cfe5d173384287dfa8ae529aff3938cb7dd6b4 Mon Sep 17 00:00:00 2001
From: edbrz9 <ed@brz9.devd>
Date: Mon, 2 Jan 2023 23:13:19 +0100
Subject: [PATCH] ref tag update

---
 assets/css/reftag.css | 20 ++++++++++++++++++--
 assets/js/ed.brz9.js  |  2 +-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/assets/css/reftag.css b/assets/css/reftag.css
index 5395018..dc11b7f 100644
--- a/assets/css/reftag.css
+++ b/assets/css/reftag.css
@@ -1,3 +1,19 @@
 span.rnav {
-    border: 20px;
-}
\ No newline at end of file
+    display: inline-block;
+    padding: 10px;
+    font-size: 2rem;
+    border: 5px solid;
+    margin: 20px;
+    cursor: pointer;
+}
+
+span.rnav:hover {
+    display: inline-block;
+    background-color: var(--fg);
+    color: black;
+    mix-blend-mode:lighten;
+    border: 5px solid;
+    opacity: 1;
+    padding: 15px;
+    margin: 15px;
+}
diff --git a/assets/js/ed.brz9.js b/assets/js/ed.brz9.js
index f0f41f4..b87a44c 100644
--- a/assets/js/ed.brz9.js
+++ b/assets/js/ed.brz9.js
@@ -1,6 +1,6 @@
 Vue.component('rnav', {
   template: `
-  <span class="rnav" v-on:click="toggle">{{ tag.name }}</span>
+  <span class="rnav" v-on:click="toggle" v-bind:class="{ 'tagged': tag.isTrue}">{{ tag.name }}</span>
   `,
   props : ['tag'],
   methods: {