ayanova/src/components/work-order-signature.vue

@@ -13,7 +13,12 @@
           <v-btn v-if="!readonly" icon class="ml-n1 mr-2">
             <v-icon>$ayiEdit</v-icon>
           </v-btn>
-          <img class="grey lighten-5" height="40px" :src="imgUrl" />
+          <img
+            class="grey lighten-5"
+            width="100px"
+            height="50px"
+            :src="imgUrl"
+          />
         </v-row>
       </div>
     </template>
@@ -54,12 +59,27 @@
                 }}</span>
               </div>
             </template>
-            <vueSignature
-              ref="sigCtrl"
-              :sig-option="sigOption"
-              :disabled="disabled || imgUrl != null"
-              :default-url="imgUrl"
-            ></vueSignature>
+            <v-sheet v-if="$vuetify.breakpoint.xs" width="275px" height="137px">
+              <vueSignature
+                ref="sigCtrl"
+                :sig-option="sigOption"
+                :disabled="disabled || imgUrl != null"
+                :default-url="imgUrl"
+                :w="'275px'"
+                :h="'137px'"
+              ></vueSignature>
+            </v-sheet>
+            <v-sheet v-else width="500px" height="250px">
+              <vueSignature
+                ref="sigCtrl"
+                :sig-option="sigOption"
+                :disabled="disabled || imgUrl != null"
+                :default-url="imgUrl"
+                :w="'500px'"
+                :h="'250px'"
+              ></vueSignature>
+            </v-sheet>
+
             {{ sigDateLocalized }}
             <template v-if="variant == 'customer'">
               <div