More layout fixes to the app configure view

This commit is contained in:
Johannes Zellner
2025-09-21 14:57:58 +02:00
parent 60982cc276
commit dd5c438597
5 changed files with 25 additions and 19 deletions
+8 -5
View File
@@ -105,7 +105,8 @@ onMounted(async () => {
<div>
<label>{{ $t('app.uninstall.startStop.title') }}</label>
<p>{{ $t('app.uninstall.startStop.description') }}</p>
<div>{{ $t('app.uninstall.startStop.description') }}</div>
<br/>
<Button @click="onToggleRunState()"
:disabled="toggleRunStateBusy || !!app.taskId || (app.error && (app.error.details.installationState !== 'pending_start' && app.error.details.installationState !== 'pending_stop')) || app.installationState === 'pending_start' || app.installationState === 'pending_stop'"
:loading="toggleRunStateBusy || app.installationState === 'pending_start' || app.installationState === 'pending_stop'"
@@ -114,21 +115,23 @@ onMounted(async () => {
</Button>
</div>
<hr v-if="app.type !== APP_TYPES.PROXIED"/>
<hr style="margin-top: 20px" v-if="app.type !== APP_TYPES.PROXIED"/>
<div v-if="app.type !== APP_TYPES.PROXIED">
<label>{{ $t('app.archive.title') }}</label>
<p v-html="$t('app.archive.description')"></p>
<div v-html="$t('app.archive.description')"></div>
<br/>
<p class="text-bold text-success" v-if="latestBackup" v-html="$t('app.archive.latestBackupInfo', { date: prettyLongDate(latestBackup.creationTime) })"></p>
<p class="text-bold text-warning" v-else v-html="$t('app.archive.noBackup')"></p>
<Button :disabled="!latestBackup" @click="onArchive()">{{ $t('app.archive.action') }}</Button>
</div>
<hr/>
<hr style="margin-top: 20px"/>
<div>
<label>{{ $t('app.uninstall.uninstall.title') }}</label>
<p>{{ $t('app.uninstall.uninstall.description') }}</p>
<div>{{ $t('app.uninstall.uninstall.description') }}</div>
<br/>
<Button danger @click="onUninstall()">{{ $t('app.uninstall.uninstall.uninstallAction') }}</button>
</div>
</div>