karkinge/gyoza2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Basic preview & print settings

Browse Source
This commit is contained in:
mcarquigny
2025-03-29 14:15:57 +01:00
parent 57e62912b1
commit 86afee27c5
1 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/PrintSettings.vue
View File

@ -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
}
},