diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-06-27 14:26:34 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-06-27 14:26:34 +1000 |
| commit | 2b9cb003fbcf2a6aa2cc6b340a439e7e09c72aad (patch) | |
| tree | c9ddedc074d11bdd8d434ed58579a08e9f3f68f8 /src/components/SettingsModal.vue | |
| parent | ca08089c004e9714753b5dcf8b60ce3c0902ae34 (diff) | |
Add getServerResponse()
Diffstat (limited to 'src/components/SettingsModal.vue')
| -rw-r--r-- | src/components/SettingsModal.vue | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/src/components/SettingsModal.vue b/src/components/SettingsModal.vue index 11beb4c..46433f7 100644 --- a/src/components/SettingsModal.vue +++ b/src/components/SettingsModal.vue @@ -34,17 +34,17 @@ <label for="minTileSizeInput">Min Tile Size</label> <input type="range" min="0" max="400" v-model.number="lytOpts.minTileSz" @input="onSettingChg('minTileSz')" name="minTileSizeInput" ref="minTileSzInput"/> - <div class="my-auto text-right">{{pxToMm(lytOpts.minTileSz)}} mm</div> + <div class="my-auto text-right">{{pxToDisplayStr(lytOpts.minTileSz)}}</div> <!-- Row 2 --> <label for="maxTileSizeInput">Max Tile Size</label> <input type="range" min="0" max="400" v-model.number="lytOpts.maxTileSz" @input="onSettingChg('maxTileSz')" name="maxTileSizeInput" ref="maxTileSzInput"/> - <div class="my-auto text-right">{{pxToMm(lytOpts.maxTileSz)}} mm</div> + <div class="my-auto text-right">{{pxToDisplayStr(lytOpts.maxTileSz)}}</div> <!-- Row 3 --> <label for="tileSpacingInput">Tile Spacing</label> <input type="range" min="0" max="20" v-model.number="lytOpts.tileSpacing" @input="onSettingChg('tileSpacing')" name="tileSpacingInput"/> - <div class="my-auto text-right">{{pxToMm(lytOpts.tileSpacing)}} mm</div> + <div class="my-auto text-right">{{pxToDisplayStr(lytOpts.tileSpacing)}}</div> </div> </div> <div class="border rounded p-1"> @@ -133,8 +133,8 @@ export default defineComponent({ // this.$emit('setting-chg', setting); }, - pxToMm(px: number): number{ - return (px / 3.78).toFixed(); + pxToDisplayStr(px: number): string { + return (px / 3.78).toFixed() + ' mm'; } }, components: {SButton, CloseIcon, }, |