jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Ensure the email size range slider fits the screen on mobile

Browse Source
This commit is contained in:
Johannes Zellner
2025-10-15 22:23:27 +02:00
parent 576d9ca894
commit 0502779a29
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dashboard/src/views/EmailSettingsView.vue
View File

@@ -275,9 +275,9 @@ onMounted(async () => {
<label for="maxEmailSizeInput">{{ $t('emails.settings.maxMailSize') }}</label>
<div v-html="$t('emails.changeMailSizeDialog.description')"></div>
</FormGroup>
<div style="display: flex; gap: 6px; align-items: center;">
<div style="display: flex; gap: 6px; align-items: center; flex-grow: 1;">
{{ prettyDecimalSize(maxEmailSize) }}
<input style="width: 200px" type="range" id="maxEmailSizeInput" v-model="maxEmailSize" step="1000000" min="1000000" max="1000000000" :disabled="maxEmailSizeBusy" />
<input style="flex-grow: 1" type="range" id="maxEmailSizeInput" v-model="maxEmailSize" step="1000000" min="1000000" max="1000000000" :disabled="maxEmailSizeBusy" />
<Button @click="onChangeMaxEmailSize()" tool :plain="currentMaxEmailSize !== maxEmailSize ? null : true" :loading="maxEmailSizeBusy" :disabled="maxEmailSizeBusy || currentMaxEmailSize === maxEmailSize">{{ $t('main.dialog.save') }}</Button>
</div>
</SettingsItem>