Basic preview & print settings

src/pages/PrintSettings.vue

@@ -2,13 +2,12 @@
   <q-page padding class="main-grid">
     <q-toolbar class="print-settings">
       <q-btn @click="openPrintPage">Open Print Page</q-btn>
-      <q-input type="number" v-model="itemsW" min="1"></q-input>
-      <q-input type="number" v-model="itemsH" min="1"></q-input>
-      <q-slider v-model="pageMargin" :min="1" label></q-slider>
+      <q-input type="number" v-model="itemsW" min="1" label="Colonnes"></q-input>
+      <q-input type="number" v-model="itemsH" min="1" label="Lignes"></q-input>
       <q-slider v-model="pageGap" :min="1" label></q-slider>
     </q-toolbar>
     <div class="print-preview">
-      <div class="grid-container" :style="{gridTemplateColumns: `repeat(${itemsW}, 1fr)`, gridTemplateRows: `repeat(${itemsH}, 1fr)`, gap: `${pageGap/10}% ${pageGap*1.414/10}%`, padding: `${pageMargin/10}%`}">
+      <div class="grid-container" :style="{gridTemplateColumns: `repeat(${itemsW}, 1fr)`, gridTemplateRows: `repeat(${itemsH}, 1fr)`, gap: `${pageGap/10}% ${pageGap*1.414/10}%`, padding: `${pageGap/10}% ${pageGap*1.414/10}%`}">
         <div v-for="i in (itemsW*itemsH)" :key="i" class="grid-item">
         </div>
       </div>
@@ -27,7 +26,6 @@ export default {
       qrCodes: [],
       itemsW: 3,
       itemsH: 4,
-      pageMargin: 10,
       pageGap: 10
     }
   },