Merge pull request #323 from DecentralCardGame/advancedcardview-update

Advancedcardview update
DecentralCardGame · Nov 1, 2024 · 386743e · 386743e
2 parents 1d37edb + c80b27a
commit 386743e
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/src/components/elements/KeywordComponent.vue b/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>

diff --git a/src/components/modals/CardviewModal.vue b/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"

diff --git a/src/components/modals/ModalFrame.vue b/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"

diff --git a/src/views/AdvancedCardViewPage.vue b/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()"