classcard-ui 0.2.928 → 0.2.930

package/package.json

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

package/src/components/CSelect/CSelect.vue

@@ -93,14 +93,15 @@
       >
         <div
           v-if="toggleDropdown && !isDisabled"
-          class="absolute z-10 mt-1 w-full rounded-md bg-white shadow-lg"
-          :class="dropDownToTop"
+          :class="`${dropDownToTop} absolute z-10 mt-1 ${
+            customWidth ? customWidth : 'w-full'
+          } rounded-md bg-white shadow-lg`"
         >
           <ul
             tabindex="-1"
             role="listbox"
             aria-labelledby="listbox-label"
-            class="focus:outline-none max-h-60 overflow-auto rounded-md py-1 text-base ring-1 ring-gray-900 ring-opacity-5 sm:text-sm"
+            class="max-h-60 overflow-auto rounded-md py-1 text-base ring-1 ring-gray-900 ring-opacity-5 focus:outline-none sm:text-sm"
             :class="dropDownToTop2"
             @mousedown="handlePreventBlur"
           >
@@ -177,14 +178,14 @@
           </ul>
         </div>
       </transition>
-      <!-- validation error message -->
-      <p v-if="!isValidate" class="mt-2 text-left text-sm text-red-600">
-        {{ errorMessage }}
-      </p>
       <p v-if="helpText" class="mt-2 text-left text-sm text-gray-500">
         {{ helpText }}
       </p>
     </div>
+    <!-- validation error message -->
+    <p v-if="!isValidate" class="mt-2 text-left text-sm text-red-600">
+      {{ errorMessage }}
+    </p>
   </div>
 </template>
 <script>
@@ -276,6 +277,11 @@ export default {
       type: String,
       default: "",
     },
+    // customised width for the dropdown
+    customWidth: {
+      type: String,
+      default: null,
+    },
   },
   data() {
     return {

package/src/components/CUpload/CUpload.vue

@@ -17,7 +17,7 @@
       type="button"
       class="focus:outline-none inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
       @click="initFilestack()"
-      v-if="(displayMode == 'overlay' || displayMode == 'inline') && icon"
+      v-if="displayMode == 'overlay' && icon"
     >
       <c-icon
         :type="icon.type"