@magicgol/polyjuice 0.17.0 → 0.17.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magicgol/polyjuice",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/src/components/card/vertical-card/VCard.vue

@@ -4,11 +4,15 @@
     :class="classes"
     @click="onClick"
   >
-    <div class="mg-v-card-content p-3"><slot></slot></div>
+    <div class="mg-v-card-body p-3"><slot></slot></div>
     <div
-      class="mg-v-card-footer p-3"
+      class="mg-v-card-footer px-3 pb-3"
       v-if="footerVisibility"
-    ><slot name="footer"></slot></div>
+    >
+      <div class="mg-v-card-content pt-3">
+        <slot name="footer"></slot>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -58,7 +62,7 @@ export default {
 
   &--theme {
     &-club {
-      & .mg-v-card-content {
+      & .mg-v-card-body {
         background: linear-gradient(90deg, #D1EFFF 0%, #DDDAFC 99.65%) !important;
         color: #777;
       }
@@ -66,7 +70,9 @@ export default {
   }
 
   &-footer {
-    background-color: rgba(map-get($palette, 'brand'), 0.04);
+    .mg-v-card-content {
+      border-top: 1px solid #cecece;
+    }
   }
 }
 </style>

package/src/components/icon/badge/IconBadge.vue

@@ -52,7 +52,7 @@ export default {
     }
 
     &--normal {
-      background-color: white;
+      background-color: #f5f5f5;
 
       svg {
         fill: map-get($palette, 'brand');
@@ -60,10 +60,10 @@ export default {
     }
 
     &--club {
-      background-color: map-get($palette, 'expertClub');
+      background-color: rgba(map-get($palette, 'expertClub'), 0.05);
 
       svg {
-        fill: white;
+        fill: map-get($palette, 'expertClub');
       }
     }
   }