Improve some button bar spacings

This commit is contained in:
Johannes Zellner
2025-03-07 10:28:49 +01:00
parent 6b272e8a6f
commit 05a685fb24
6 changed files with 17 additions and 14 deletions
+4 -4
View File
@@ -295,9 +295,9 @@ onMounted(async () => {
</div>
<!-- TODO show last task error message if any -->
<br/>
<Button danger @click="onStopBackup()" v-if="lastTask.active">{{ $t('backups.listing.stopTask') }}</Button>
<Button @click="onStartBackup()" v-else>{{ $t('backups.listing.backupNow') }}</Button>
<div class="button-bar">
<Button danger @click="onStopBackup()" v-if="lastTask.active">{{ $t('backups.listing.stopTask') }}</Button>
<Button @click="onStartBackup()" v-else>{{ $t('backups.listing.backupNow') }}</Button>
</div>
</Section>
</template>
+4 -3
View File
@@ -256,8 +256,9 @@ onMounted(async () => {
</div>
<!-- TODO maybe track the cleanup -->
<Button @click="onCleanup()" :disabled="cleanupBusy" :loading="cleanupBusy">{{ $t('backups.listing.cleanupBackups') }}</Button>
<Button v-show="props.profile.isAtLeastOwner" @click="onConfigure()">{{ $t('backups.schedule.configure') }}</Button>
<div class="button-bar">
<Button @click="onCleanup()" :disabled="cleanupBusy" :loading="cleanupBusy">{{ $t('backups.listing.cleanupBackups') }}</Button>
<Button v-show="props.profile.isAtLeastOwner" @click="onConfigure()">{{ $t('backups.schedule.configure') }}</Button>
</div>
</Section>
</template>
+1 -1
View File
@@ -110,7 +110,7 @@ onMounted(async () => {
<p class="has-error" v-show="editError.generic">{{ editError.generic }}</p>
<div class="section-button-bar">
<div class="button-bar">
<Button :loading="busy" :disabled="!isValid || busy" @click="onSubmit()">{{ $t('users.settings.saveAction') }}</Button>
</div>
</Section>
+1 -1
View File
@@ -381,7 +381,7 @@ onMounted(async () => {
<p v-show="syncBusy">{{ syncMessage || 'Queued' }}</p>
<p v-show="!syncBusy && syncError" class="has-error">{{ syncError }}</p>
<div class="section-button-bar">
<div class="button-bar">
<Button @click="onSync()" :loading="syncBusy" :disabled="syncBusy || config.provider === 'noop'">{{ $t('users.externalLdap.syncAction') }}</Button>
<Button @click="onConfigure()">{{ $t('users.externalLdap.configureAction') }}</Button>
</div>