Various mobile overflow fixes

This commit is contained in:
Johannes Zellner
2025-03-26 16:04:58 +01:00
parent 785db03650
commit 67728851a3
20 changed files with 167 additions and 64 deletions

View File

@@ -229,15 +229,16 @@ onMounted(async () => {
</div>
</Dialog>
<h1 style="display: flex; justify-content: space-between; padding-right: 20px">
{{ $t('email.config.title', { domain: domain }) }}
<Button secondary tool icon="fa-solid fa-book" v-tooltip="$t('app.docsActionTooltip')" :menu="infoMenu" />
</h1>
<Section :title="$t('email.config.title', { domain: domain })">
<template #header-buttons>
<Button secondary tool icon="fa-solid fa-book" v-tooltip="$t('app.docsActionTooltip')" :menu="infoMenu" />
</template>
<!-- v-if here ensures the prop is already set when passed down to MailDomainStatus -->
<MailDomainStatus v-if="domain" :domain="domain"/>
<!-- v-if here ensures the prop is already set when passed down to MailDomainStatus -->
<MailDomainStatus v-if="domain" :domain="domain"/>
</Section>
<Section :title="$t('emails.settings.title')">
<Section :title="$t('emails.settings.title')" :padding="false">
<SettingsItem>
<FormGroup>
<label>{{ $t('email.incoming.title') }}</label>