Merge pull request #22 from uw-it-aca/fix/card-comp

Hotfix card comp.
uw-it-aca · Apr 13, 2022 · ff6ca2e · ff6ca2e
2 parents 37f42e0 + 919f655
commit ff6ca2e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/_components/card/card.vue b/src/_components/card/card.vue
@@ -12,8 +12,8 @@
     >
       <slot name="heading-action"></slot>
     </div>
-    <div class="card-body p-4">
-      <slot></slot>
+    <div v-if="$slots['body']" class="card-body p-4">
+      <slot name="body"></slot>
     </div>
 
     <div v-if="$slots['footer']" class="card-footer bg-white px-4 py-3 small">

diff --git a/src/docs/components/index.vue b/src/docs/components/index.vue
@@ -21,7 +21,9 @@
       <div class="axdd-font-open-sans" style="max-width: 75%">
         <CodeBlock>
           <template #preview>
-            <axdd-card>card body</axdd-card>
+            <axdd-card>
+              <template #body>card body</template>
+            </axdd-card>
           </template>
           <template #code>
             <pre class="language-html rounded">
@@ -40,7 +42,7 @@
               <template #heading>
                 <axdd-card-heading :level="3">Heading</axdd-card-heading>
               </template>
-              card body
+              <template #body>card body</template>
             </axdd-card>
           </template>
           <template #code>
@@ -71,7 +73,7 @@
                   >
                 </axdd-card-action>
               </template>
-              card body
+              <template #body>card body</template>
             </axdd-card>
           </template>
           <template #code>
@@ -114,7 +116,7 @@
                   </div>
                 </axdd-card-action>
               </template>
-              card body
+              <template #body>card body</template>
             </axdd-card>
           </template>
           <template #code>
@@ -140,7 +142,7 @@
               <template #heading>
                 <axdd-card-heading :level="9">Heading</axdd-card-heading>
               </template>
-              card body
+              <template #body>card body</template>
               <template #footer> this is the footer </template>
             </axdd-card>
           </template>