|
|
@@ -10,9 +10,9 @@
|
|
|
<p class="text">{{ item.label }}</p>
|
|
|
<div
|
|
|
class="progress-box"
|
|
|
- :style="`backgroundImage:linear-gradient(to top, var(--color-primary), var(--color-primary) ${'40%'},#fff ${'40%'}, #fff);`"
|
|
|
+ :style="`backgroundImage:linear-gradient(to top, var(--color-primary), var(--color-primary) ${'20%'},#fff ${'20%'}, #fff);`"
|
|
|
></div>
|
|
|
- <p class="num">{{ index }}</p>
|
|
|
+ <p class="num">{{ index + 1 }}</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -52,7 +52,6 @@
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
align-items: center;
|
|
|
-
|
|
|
li {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
@@ -75,7 +74,6 @@
|
|
|
&:last-of-type::after {
|
|
|
right: 50%;
|
|
|
}
|
|
|
-
|
|
|
&.active {
|
|
|
&::after {
|
|
|
background-color: var(--color-primary);
|