classcard-ui 0.2.359 → 0.2.360

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.359",
+  "version": "0.2.360",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CUpload/CUpload.vue

@@ -2,11 +2,11 @@
   <div>
     <button
       type="button"
-      class="inline-flex items-center px-3 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
+      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'"
     >
-      Upload
+      {{ buttonText }}
     </button>
     <div :class="filestackClasses" id="filestack-uploader"></div>
     <p v-if="!isValidate" class="mt-2 text-sm text-red-600">
@@ -24,6 +24,7 @@ export default {
   props: {
     buttonText: {
       type: String,
+      default: "Upload",
     },
     fileSize: {
       type: String,
@@ -63,8 +64,7 @@ export default {
     },
   },
   data() {
-    return {
-    };
+    return {};
   },
   methods: {
     initFilestack() {
@@ -75,16 +75,13 @@ export default {
         uploadInBackground: false,
         maxFiles: this.maxFiles,
         onUploadDone: (res) => this.$emit("filestack-uploaded", res),
-        fromSources: [
-          'local_file_system',
-          'unsplash'
-        ],
+        fromSources: ["local_file_system", "unsplash"],
         transformations: {
           crop: {
-            aspectRatio: this.aspectRatio ? this.aspectRatio : 1/1,
-            force: this.aspectRatio ? true : false
-          }
-        }
+            aspectRatio: this.aspectRatio ? this.aspectRatio : 1 / 1,
+            force: this.aspectRatio ? true : false,
+          },
+        },
       };
       const picker = client.picker(options);
       picker.open();