Setup Assistant: Use larger buttons for back/next

This commit is contained in:
Pablo Vazquez 2022-07-21 14:30:27 +02:00 committed by Francesco Siddi
parent 78af4fae61
commit 038eb678e8
3 changed files with 11 additions and 3 deletions

View File

@ -354,6 +354,10 @@ button, .btn {
user-select: none;
}
.btn-lg {
font-size: var(--font-size-base);
}
.btn-bar.btn-bar-wide {
justify-content: space-between;
width: 100%;

View File

@ -21,16 +21,16 @@ const props = defineProps({
<h2>{{ title }}</h2>
<slot></slot>
<div class="btn-bar btn-bar-wide">
<button
<button
v-show="isBackVisible"
@click="$emit('backClicked')"
class="btn"
class="btn btn-lg"
>Back
</button>
<button
@click="$emit('nextClicked')"
:disabled="!isNextClickable"
class="btn btn-primary"
class="btn btn-lg btn-primary"
>
{{ nextLabel }}
</button>

View File

@ -508,6 +508,10 @@ body.is-first-time-wizard #app {
}
}
.btn-bar-wide {
margin-top: var(--spacer);
}
.btn-bar-wide .btn:last-child {
margin-left: auto;
}