- Cataloghi: pagine, schede, formato

src/components/CMySize/CMySize.ts

@@ -30,6 +30,11 @@ export default defineComponent({
       required: false,
       default: false,
     },
+    addstr: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
   },
   setup(props, { emit }) {
     const $q = useQuasar()

src/components/CMySize/CMySize.vue

@@ -10,23 +10,23 @@
       {{ label }}
     </q-banner>
 
-    <div class="row">
+    <div v-if="internalModel" class="column">
       <CMySlider
         label="Width:"
         v-model="internalModel.width"
         :min="10"
-        :max="3000"
+        :max="1000"
         color="green"
-        addstr="px"
+        :addstr="addstr ? 'px' : ''"
         @update:model-value="modifValueWidth"
       ></CMySlider>
       <CMySlider
         label="Height:"
         v-model="internalModel.height"
         :min="10"
-        :max="3000"
+        :max="1000"
         color="red"
-        addstr="px"
+        :addstr="addstr ? 'px' : ''"
         @update:model-value="modifValueHeight"
       ></CMySlider>
     </div>