Various adjustments on checkbox margins

This commit is contained in:
Johannes Zellner
2025-05-07 12:23:05 +02:00
parent b75554ddcb
commit aa16370fc5
3 changed files with 11 additions and 13 deletions
+6 -9
View File
@@ -133,20 +133,17 @@ defineExpose({
<SingleSelect v-model="ownerId" :options="usersAndGroups" option-key="id" option-label="name"/>
</FormGroup>
<Checkbox v-model="active" :label="$t('email.updateMailboxDialog.activeCheckbox')"/><br/>
<Checkbox v-model="active" :label="$t('email.updateMailboxDialog.activeCheckbox')"/>
<Checkbox v-model="enablePop3" :label="$t('email.updateMailboxDialog.enablePop3')"/><br/>
<Checkbox v-model="enablePop3" :label="$t('email.updateMailboxDialog.enablePop3')"/>
<FormGroup>
<div>
<Checkbox v-model="storageQuotaEnabled" :label="$t('email.editMailboxDialog.enableStorageQuota')"/>
<b v-if="storageQuotaEnabled">: {{ prettyDecimalSize(storageQuota) }}</b>
</div>
<input type="range" id="storageQuota" :disabled="!storageQuotaEnabled" v-model="storageQuota" step="500000000" :min="storageQuotaTicks[0]" :max="storageQuotaTicks[storageQuotaTicks.length-1]" list="storageQuotaTicks" />
<Checkbox v-model="storageQuotaEnabled" :label="$t('email.editMailboxDialog.enableStorageQuota') + (storageQuotaEnabled ? ` : ${prettyDecimalSize(storageQuota)}` : '')"/>
<div v-if="storageQuotaEnabled">
<input style="width: 100%;" type="range" id="storageQuota" :disabled="!storageQuotaEnabled" v-model="storageQuota" step="500000000" :min="storageQuotaTicks[0]" :max="storageQuotaTicks[storageQuotaTicks.length-1]" list="storageQuotaTicks" />
<datalist id="storageQuotaTicks">
<option v-for="quota in storageQuotaTicks" :value="quota" :key="quota"></option>
</datalist>
</FormGroup>
</div>
<!-- we only show this on edit for now as it is a separate REST call which may fail after the mailbox was added -->
<FormGroup v-if="mailbox">
+1 -4
View File
@@ -60,11 +60,8 @@ onMounted(() => {
<textarea id="cspInput" style="white-space: pre-wrap; font-family: monospace;" v-model="csp" placeholder="default-src 'self'; frame-ancestors 'none';" rows="2"></textarea>
</FormGroup>
<br/>
<Checkbox v-model="hstsPreload" style="display: inline-flex;" :label="$t('app.security.hstsPreload')"/> <sup><a href="https://docs.cloudron.io/apps/#hsts-preload" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup>
<Checkbox v-model="hstsPreload" :label="$t('app.security.hstsPreload')"/> <sup><a href="https://docs.cloudron.io/apps/#hsts-preload" class="help" target="_blank"><i class="fa fa-question-circle"></i></a></sup>
<br/>
<br/>
<Button @click="onSubmit()" :loading="busy" :disabled="busy">{{ $t('app.security.csp.saveAction') }}</Button>