@mythpe/quasar-ui-qui 0.2.23 → 0.2.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.2.23",
+  "version": "0.2.25",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/form/MSignaturePad.vue

@@ -163,7 +163,7 @@ watch(url, (url) => {
     <MTransitionGroup>
       <div
         key="top"
-        class="row justify-between items-center q-mb-lg"
+        class="row justify-between items-center q-mb-sm"
       >
         <div
           :class="{
@@ -193,7 +193,7 @@ watch(url, (url) => {
       <div
         v-if="!!errorMessage"
         key="signature-errors"
-        class="text-negative text-caption q-mb-lg"
+        class="text-negative text-caption q-mb-sm"
       >
         <q-icon
           name="ion-ios-information-circle-outline"
@@ -203,10 +203,8 @@ watch(url, (url) => {
       </div>
       <div
         key="signature-pad"
-        :class="{
-          'bg-negative': !!errorMessage,
-          'print-shadow-none bordered' : !0
-        }"
+        :class="{ 'bg-negativ e': !!errorMessage, }"
+        class="print-shadow-none bordered"
       >
         <div>
           <slot
@@ -232,6 +230,8 @@ watch(url, (url) => {
                 :height="height"
                 :src="url"
                 :width="width"
+                fit="contain"
+                no-spinner
               />
             </template>
           </slot>
@@ -247,19 +247,15 @@ watch(url, (url) => {
         class="q-mt-sm print-hide"
       >
         <template v-if="!confirmed">
-          <div class="column q-gutter-sm">
-            <MBtn
-              :label="__('labels.confirm_signature')"
-              color="positive"
-              flat
-              icon="ion-ios-hand"
-              @click="save('image/jpeg')"
-            />
-          </div>
+          <MBtn
+            :label="__('labels.confirm_signature')"
+            class="full-width q-mb-sm"
+            color="positive"
+            @click="save('image/jpeg')"
+          />
           <MRow class="justify-between">
             <MBtn
               :label="__('labels.undo')"
-              flat
               icon="ion-ios-undo"
               @click="undo"
             />
@@ -267,22 +263,20 @@ watch(url, (url) => {
             <MBtn
               :label="__('labels.clear_signature')"
               color="negative"
-              flat
               icon="ion-ios-repeat"
               @click="clear"
             />
           </MRow>
         </template>
         <MTransition>
-          <MColumn v-if="confirmed">
-            <MBtn
-              :label="__('labels.clear_signature')"
-              color="negative"
-              flat
-              icon="ion-ios-refresh"
-              @click="clear"
-            />
-          </MColumn>
+          <MBtn
+            v-if="confirmed"
+            :label="__('labels.clear_signature')"
+            class="full-width"
+            color="negative"
+            icon="ion-ios-refresh"
+            @click="clear"
+          />
         </MTransition>
       </div>
     </MTransitionGroup>

package/src/components/transition/MTransition.vue

@@ -23,9 +23,6 @@ defineOptions({
 </script>
 
 <template>
-  <pre class="ltr">
-    {{ computedProps }}
-  </pre>
   <transition v-bind="computedProps">
     <slot />
   </transition>