- Impostato i Font giusti e la corretta disposizione del testo e dei suoi margini.

- L'immagine del libro, se è piccolo, viene adattato alla dimensione fissa (vedere se va bene).

src/components/CMySize/CMySize.ts

@@ -32,6 +32,11 @@ export default defineComponent({
       required: false,
       default: false,
     },
+    gap: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     addstr: {
       type: Boolean,
       required: false,
@@ -67,6 +72,10 @@ export default defineComponent({
       }
     }
 
+    function modifValueGap(value: any) {
+      emit('update:modelValue', { ...internalModel, gap: value });
+    }
+
     function modifValueRatio(value: any) {
       // modifValueWidth(0)
 
@@ -94,6 +103,7 @@ export default defineComponent({
       modifValueWidth,
       modifValueHeight,
       modifValueRatio,
+      modifValueGap,
       internalModel,
       ratio,
       keepRatio,

src/components/CMySize/CMySize.vue

@@ -47,6 +47,16 @@
         :addstr="addstr ? 'px' : ''"
         @update:model-value="modifValueHeight"
       ></CMySlider>
+      <CMySlider
+        v-if="gap"
+        label="Gap:"
+        v-model="internalModel.gap"
+        :min="0"
+        :max="50"
+        color="red"
+        addstr="px"
+        @update:model-value="modifValueGap"
+      ></CMySlider>
     </div>
   </div>
 </template>