From 6f6291fb2bea480f265846df06dfdb07e502b5ae Mon Sep 17 00:00:00 2001
From: Sam <sam@samr1.net>
Date: Sat, 21 Aug 2021 18:49:20 +0200
Subject: [PATCH] Client - update card

---
 .../src/components/Common/Card.vue             | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/fittrackee_client/src/components/Common/Card.vue b/fittrackee_client/src/components/Common/Card.vue
index ed6f9210..848c66c0 100644
--- a/fittrackee_client/src/components/Common/Card.vue
+++ b/fittrackee_client/src/components/Common/Card.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="card">
-    <div class="card-title">
+    <div class="card-title" :class="{ 'without-title': withoutTitle }">
       <slot name="title"></slot>
     </div>
     <div class="card-content">
@@ -13,6 +13,12 @@
   import { defineComponent } from 'vue'
   export default defineComponent({
     name: 'Card',
+    props: {
+      withoutTitle: {
+        type: Boolean,
+        default: true,
+      },
+    },
   })
 </script>
 
@@ -24,5 +30,15 @@
     border-radius: $border-radius;
     margin: $default-margin;
     padding: $default-padding $default-padding * 2;
+
+    .without-title {
+      display: none;
+    }
+
+    .card-title {
+      font-weight: bold;
+      border-bottom: solid 1px var(--card-border-color);
+      padding-bottom: $default-padding;
+    }
   }
 </style>