classcard-ui 0.2.604 → 0.2.607

package/package.json

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

package/src/components/CMultiselect/CMultiselect.vue

@@ -294,7 +294,7 @@ export default {
   @apply rounded-b-md;
 }
 .vs__selected {
-  @apply m-0 mr-1 border-none py-0 pl-1.5 pr-1.5;
+  @apply m-0 mr-1 border-none py-0 pl-0 pr-1.5;
 }
 .vs__selected-options {
   @apply pl-0;

package/src/components/CStats/CStats.vue

@@ -34,9 +34,15 @@
   <!-- This example requires Tailwind CSS v2.0+ -->
   <div>
     <dl
-      class="mt-5 grid grid-cols-1 rounded-lg bg-gray-100 overflow-hidden divide-y divide-gray-200 md:grid-cols-3 md:divide-y-0 md:divide-x"
+      :class="`mt-5 grid grid-cols-1 divide-y divide-gray-200 overflow-hidden rounded-lg bg-gray-100 ${
+        cols ? cols : 'md:grid-cols-3'
+      } md:divide-y-0 md:divide-x`"
     >
-      <div class="px-4 py-5 sm:p-6" v-for="count in statsCount" v-bind:key="count.number">
+      <div
+        class="px-4 py-5 sm:p-6"
+        v-for="count in statsCount"
+        v-bind:key="count.number"
+      >
         <div class="flex">
           <c-icon
             v-if="count.icon"
@@ -45,23 +51,28 @@
             :class="count.icon.class"
           ></c-icon>
           <div :class="count.icon ? 'ml-3' : ''">
-            <dt class="text-sm text-gray-500 flex">
+            <dt class="flex text-sm text-gray-500">
               <span>{{ count.label }}</span>
-              <span class="text-sm text-gray-900 ml-1">{{ count.number }}</span>
+              <span class="ml-1 text-sm text-gray-900">{{ count.number }}</span>
             </dt>
             <dd class="text-2xl font-semibold text-gray-900">
               {{ count.totalCount }}
             </dd>
           </div>
         </div>
-        <div class="ml-8 pb-2 flex items-center" v-if="count.tag || count.days">
+        <div
+          :class="`${count.icon ? 'ml-8' : ''} flex items-center pb-2`"
+          v-if="count.tag || count.days"
+        >
           <c-tag
             v-if="count.tag"
             :label="count.tag.label"
             :color="count.tag.color"
             :tagClasses="count.tag.class"
           ></c-tag>
-          <label v-if="count.days" class="text-xs text-gray-500 ml-1">{{ count.days }}</label>
+          <label v-if="count.days" class="ml-1 text-xs text-gray-500">{{
+            count.days
+          }}</label>
         </div>
       </div>
     </dl>
@@ -78,6 +89,9 @@ export default {
     statsCount: {
       type: Array,
     },
+    cols: {
+      type: String,
+    },
     // icon: {
     //   type: Object,
     // },

package/src/components/CSwitch/CSwitch.vue

@@ -3,8 +3,11 @@
     <!-- small toggle -->
     <div
       v-if="size === 'small'"
-      :class="label == '' ? 'items-center' : 'items-start'"
-      class="flex cursor-pointer justify-between"
+      :class="[
+        label == '' ? 'items-center' : 'items-start',
+        disabled ? 'cursor-default' : 'cursor-pointer',
+      ]"
+      class="flex justify-between"
     >
       <span
         class="flex flex-grow flex-col"
@@ -17,7 +20,7 @@
       </span>
       <button
         type="button"
-        class="group focus:outline-none relative inline-flex h-5 w-10 flex-shrink-0 cursor-pointer items-center justify-center rounded-full focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-default disabled-pointer-events-none"
+        class="group focus:outline-none disabled-pointer-events-none relative inline-flex h-5 w-10 flex-shrink-0 cursor-pointer items-center justify-center rounded-full focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:cursor-default disabled:opacity-50"
         aria-pressed="false"
         @click="switchValue"
         :disabled="disabled"