Ensure mail server location does not overflow the view

This commit is contained in:
Johannes Zellner
2025-10-14 16:54:46 +02:00
parent d3d668d930
commit de35a935a6
@@ -112,17 +112,15 @@ onMounted(async () => {
<div style="display: flex; align-items: center">
<div v-html="$t('emails.changeDomainDialog.description')"></div>
</div>
<div style="display: flex; gap: 6px; align-items: center; flex-wrap: wrap;">
<form @submit.prevent="onSubmit()">
<input type="submit" style="display: none" :disabled="busy || (originalSubdomain === subdomain && originalDomain === domain)"/>
<form @submit.prevent="onSubmit()" style="display: flex; align-items: center; width: 100%; justify-content: end;">
<input type="submit" style="display: none" :disabled="busy || (originalSubdomain === subdomain && originalDomain === domain)"/>
<InputGroup>
<TextInput v-model="subdomain" :disabled="busy"/>
<SingleSelect v-model="domain" :options="domains" option-key="domain" option-label="domain" :disabled="busy"/>
<Button tool @click="onSubmit()" :disabled="busy || (originalSubdomain === subdomain && originalDomain === domain)">{{ $t('main.dialog.save') }}</Button>
</InputGroup>
</form>
</div>
<InputGroup style="overflow: hidden;">
<TextInput v-model="subdomain" :disabled="busy" style="width: 120px"/>
<SingleSelect v-model="domain" :options="domains" option-key="domain" option-label="domain" :disabled="busy"/>
<Button tool @click="onSubmit()" :disabled="busy || (originalSubdomain === subdomain && originalDomain === domain)">{{ $t('main.dialog.save') }}</Button>
</InputGroup>
</form>
</SettingsItem>
<div class="error-label" v-if="formError">{{ formError }}</div>