classcard-ui 0.2.464 → 0.2.467

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.464",
+  "version": "0.2.467",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CAvatar/CAvatar.vue

@@ -5,7 +5,7 @@
         <img
           @error="$emit('error', $event)"
           :class="[classes, imageClasses]"
-          class="inline-block"
+          class="inline-block object-cover"
           :src="image"
           alt=""
         />

package/src/components/CPageHeading/CPageHeading.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="sticky top-0 z-10 bg-transparent backdrop-blur-xl">
     <div
-      class="flex sm:max-w-7xl sm:px-16 sm:mx-auto flex-col items-start justify-between pt-4 pb-2 sm:pb-1 sm:flex-row sm:items-center"
+      class="flex sm:max-w-full flex-col items-start justify-between pt-4 pb-2 sm:pb-1 sm:flex-row sm:items-center"
     >
       <div>
         <h2

package/src/components/CTabs/CTabs.vue

@@ -20,7 +20,7 @@
           <a
             v-for="tab in tabs"
             :key="tab.text"
-            @click="switchTab(tab.text)"
+            @click="switchTab(tab.name)"
             :class="
               activeTab == tab.text
                 ? 'border-indigo-600 text-indigo-700 hover:text-indigo-800'
@@ -34,14 +34,14 @@
               class="-ml-0.5 mr-2 h-5 w-5"
               type="solid"
               :class="
-                activeTab == tab.text
+                activeTab == tab.name
                   ? 'text-indigo-700 group-hover:text-indigo-800'
                   : 'text-gray-400 group-hover:text-gray-500 '
               "
             ></c-icon>
             <span
               :class="
-                activeTab == tab.text ? 'text-indigo-700' : 'text-gray-500 hover:text-gray-700'
+                activeTab == tab.name ? 'text-indigo-700' : 'text-gray-500 hover:text-gray-700'
               "
             >
               <slot :name="tabHeadSlotName(tab.text)"></slot>{{ tab.text }}
@@ -90,7 +90,7 @@ export default {
     },
     switchTabForMobile(index) {
       var selectedOption = this.tabs[index];
-      this.activeTab = selectedOption.text;
+      this.activeTab = selectedOption.name;
     },
     tabHeadSlotName(tabName) {
       return `tab-head-${tabName}`;