Advancedcardview update

src/components/elements/KeywordComponent.vue

@@ -1,12 +1,16 @@
 <template>
-  <div>
+  <div v-if="state.keywordDescriptions.length > 1">
+    <p 
+      class="font-bold text-2xl">
+      Used Keywords
+    </p>
+    <br>
     <div
       v-for="(keyword, index) in state.keywordDescriptions"
       :key="index"
       class="Keywords"
     >
       <p class="font-bold">
-        {{ keyword[0] }}
       </p>
       <p>{{ keyword[1] }}</p>
     </div>

src/components/modals/CardviewModal.vue

@@ -52,16 +52,19 @@
         <br>
       </div>
       <div>
-        <p class="font-bold text-2xl">
-          Used Keywords
-        </p>
-        <br>
         <KeywordComponent :card="state.card" />
       </div>
     </div>
     <div
       class="flex flex-col lg:flex-row justify-center lg:justify-end space-y-6 lg:space-x-6 lg:space-y-0"
     >
+      <router-link :to="{ path: '/cardview/' + props.id }">
+        <BaseCCButton
+          :type="Color.RED"
+        >
+          Card URL
+        </BaseCCButton>
+      </router-link>
       <BaseCCButton
         v-if="isArtist"
         :type="Color.RED"

src/components/modals/ModalFrame.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="fixed top-0 flex h-[100vh] w-full bg-black/50">
+  <div class="fixed top-0 flex h-[100vh] w-full bg-black/50 overflow-scroll">
     <ModalInner
       :class="['p-10', 'z-100', 'm-auto'].concat(props.class)"
       :heading="heading"

src/views/AdvancedCardViewPage.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-black text-white flex lg:h-[80vh] p-16 lg:p-8" />
+  <div class="h-screen bg-black text-white flex lg:h-[80vh] p-16 lg:p-8"/>
   <CardviewModal
     :id="state.id"
     @close="$router.back()"