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;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-lg {
|
||||||
|
font-size: var(--font-size-base);
|
||||||
|
}
|
||||||
|
|
||||||
.btn-bar.btn-bar-wide {
|
.btn-bar.btn-bar-wide {
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -21,16 +21,16 @@ const props = defineProps({
|
|||||||
<h2>{{ title }}</h2>
|
<h2>{{ title }}</h2>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
<div class="btn-bar btn-bar-wide">
|
<div class="btn-bar btn-bar-wide">
|
||||||
<button
|
<button
|
||||||
v-show="isBackVisible"
|
v-show="isBackVisible"
|
||||||
@click="$emit('backClicked')"
|
@click="$emit('backClicked')"
|
||||||
class="btn"
|
class="btn btn-lg"
|
||||||
>Back
|
>Back
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
@click="$emit('nextClicked')"
|
@click="$emit('nextClicked')"
|
||||||
:disabled="!isNextClickable"
|
:disabled="!isNextClickable"
|
||||||
class="btn btn-primary"
|
class="btn btn-lg btn-primary"
|
||||||
>
|
>
|
||||||
{{ nextLabel }}
|
{{ nextLabel }}
|
||||||
</button>
|
</button>
|
||||||
|
@ -508,6 +508,10 @@ body.is-first-time-wizard #app {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn-bar-wide {
|
||||||
|
margin-top: var(--spacer);
|
||||||
|
}
|
||||||
|
|
||||||
.btn-bar-wide .btn:last-child {
|
.btn-bar-wide .btn:last-child {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user