only show keywords on cardviewmodal when there are keywords, remove a…

…lways empty keyword[0] entry
DecentralCardGame · Oct 30, 2024 · c80b27a · c80b27a
1 parent 3c5f113
commit c80b27a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 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,10 +52,6 @@
         <br>
       </div>
       <div>
-        <p class="font-bold text-2xl">
-          Used Keywords
-        </p>
-        <br>
         <KeywordComponent :card="state.card" />
       </div>
     </div>

diff --git a/src/views/AdvancedCardViewPage.vue b/src/views/AdvancedCardViewPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-screen 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()"
-Original file line number
+Diff line change
@@ Expand Up / @@ -52,10 +52,6 @@ @@
             <br>
           </div>
           <div>
-            <p class="font-bold text-2xl">
-              Used Keywords
-            </p>
-            <br>
             <KeywordComponent :card="state.card" />
           </div>
         </div>
@@ Expand Down @@