Setup Assistant: Move progress indicator outside of step
This commit is contained in:
parent
c039a117fd
commit
70fdaa78f1
@ -1,21 +1,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="setup-container">
|
<div class="setup-container">
|
||||||
<h1>Flamenco Setup Assistant</h1>
|
<h1>Flamenco Setup Assistant</h1>
|
||||||
|
<ul class="progress">
|
||||||
|
<li
|
||||||
|
v-for="step in totalSetupSteps" :key="step"
|
||||||
|
@click="jumpToStep(step)"
|
||||||
|
:class="{
|
||||||
|
current: step == currentSetupStep,
|
||||||
|
done: step < currentSetupStep,
|
||||||
|
disabled: step > overallSetupStep,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<span></span>
|
||||||
|
</li>
|
||||||
|
<div class="progress-bar"></div>
|
||||||
|
</ul>
|
||||||
<div class="setup-step">
|
<div class="setup-step">
|
||||||
<ul class="progress">
|
|
||||||
<li
|
|
||||||
v-for="step in totalSetupSteps" :key="step"
|
|
||||||
@click="jumpToStep(step)"
|
|
||||||
:class="{
|
|
||||||
current: step == currentSetupStep,
|
|
||||||
done: step < currentSetupStep,
|
|
||||||
disabled: step > overallSetupStep,
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span></span>
|
|
||||||
</li>
|
|
||||||
<div class="progress-bar"></div>
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
<step-item
|
<step-item
|
||||||
v-show="currentSetupStep == 1"
|
v-show="currentSetupStep == 1"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user