Setup Assistant: Use larger buttons for back/next
This commit is contained in:
parent
78af4fae61
commit
038eb678e8
@ -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%;
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user