Improve some button bar spacings
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user