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

Add invisible button to location input to align the domain input widths

Browse Source
This commit is contained in:
Johannes Zellner
2025-10-10 09:53:19 +02:00
parent cf7d735c56
commit e437168e87
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/app/Location.vue
+9 -5
View File
@@ -194,11 +194,15 @@ onMounted(async () => {
<FormGroup>
<label>{{ $t('app.location.location') }}</label>
<InputGroup style="flex-grow: 1">
<TextInput style="flex-grow: 1" v-model="subdomain" :placeholder="$t('app.location.locationPlaceholder')"/>
<SingleSelect :disabled="busy" :options="domains" v-model="domain" option-key="domain" option-label="label" :search-threshold="10"/>
</InputGroup>
<div class="warning-label" v-if="isNoopOrManual(domain)" v-html="$t('appstore.installDialog.manualWarning', { location: ((subdomain ? subdomain + '.' : '') + domain) })"></div>
<div style="display: flex; gap: 10px;">
<InputGroup style="flex-grow: 1">
<TextInput style="flex-grow: 1" v-model="subdomain" :placeholder="$t('app.location.locationPlaceholder')"/>
<SingleSelect :disabled="busy" :options="domains" v-model="domain" option-key="domain" option-label="label" :search-threshold="10"/>
</InputGroup>
<div class="warning-label" v-if="isNoopOrManual(domain)" v-html="$t('appstore.installDialog.manualWarning', { location: ((subdomain ? subdomain + '.' : '') + domain) })"></div>
<!-- Button just to offset the same margin on the right to align location input when alias or redirects are visible -->
<Button danger tool icon="fa-solid fa-trash" style="visibility: hidden"/>
</div>
</FormGroup>
<FormGroup v-for="item in secondaryDomains" :key="item.containerPort">