user link styling!

JackalLabs · Feb 14, 2024 · f89bef1 · f89bef1
1 parent 20f9dd6
commit f89bef1
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 1 deletion.
diff --git a/src/App.vue b/src/App.vue
@@ -1,5 +1,6 @@
 <template>
   <NavBar />
+   <span id="jackal-logo">Made by Jackal Labs</span>
   <router-view />
 </template>
 
@@ -18,4 +19,13 @@
 <style lang="scss">
 @import '@/assets/css/style.css';
 
+
+#jackal-logo {
+  text-align: left;
+  position: fixed;
+  left: 12px;
+  bottom: 4px;
+}
+
+
 </style>
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
@@ -64,9 +64,12 @@
       const userSpan = document.createElement('span')
       userSpan.innerText = 'Written by: '
       userWrapper.appendChild(userSpan)
+      userWrapper.id = "user-wrapper"
 
       const userBtn = document.createElement('button')
+      userBtn.classList.add("undo-button")
       userBtn.title = profile.value
+      userBtn.innerHTML = profile.value
       userBtn.onclick = visitProfile
 
       userWrapper.appendChild(userBtn)
@@ -152,6 +155,10 @@
     }
   }
 
+  #article-section2 {
+    display: none;
+  }
+
 
   .hero {
     height: 80vh;
@@ -182,4 +189,15 @@
 
 
   }
+
+  .undo-button {
+    background: none!important;
+    border: none;
+    padding: 0!important;
+  }
+
+  #user-wrapper {
+    border-bottom: black solid 1px;
+    padding-bottom: 20px;
+  }
 </style>
diff --git a/src/views/UserPage.vue b/src/views/UserPage.vue
@@ -120,7 +120,9 @@
     border-bottom: black solid 4px;
     border-top: black solid 1px;
     border-right: black solid 1px;
-
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
   .work-body:hover {