Compare commits
No commits in common. "a240d99d736e2280aa838fde4fee242a3628d8aa" and "cf9e5e4540b58a9cf0928432c8648751540d5b95" have entirely different histories.
a240d99d73
...
cf9e5e4540
@ -11,11 +11,7 @@
|
|||||||
v-for="(step, index) in steps"
|
v-for="(step, index) in steps"
|
||||||
:key="index"
|
:key="index"
|
||||||
class="progress-step"
|
class="progress-step"
|
||||||
:class="{
|
:class="{ 'bg-green-500': index < requisition.stage_index, 'bg-white': index >= requisition.stage_index ?? 0 }"
|
||||||
'step-completed': index < requisition.stage_index,
|
|
||||||
'step-current': index === requisition.stage_index,
|
|
||||||
'step-pending': index > requisition.stage_index
|
|
||||||
}"
|
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -430,23 +426,13 @@ const typeReq = computed(() => {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #DEDEDE;
|
border: 1px solid #DEDEDE;
|
||||||
background-color: #fff;
|
background-color: #5cb85c;
|
||||||
}
|
}
|
||||||
|
|
||||||
.progress-step {
|
.progress-step {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.step-completed {
|
|
||||||
background-color: #5cb85c;
|
|
||||||
}
|
|
||||||
.step-current {
|
|
||||||
background-color: #e2574c;
|
|
||||||
opacity: 0.2;
|
|
||||||
}
|
|
||||||
.step-pending {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.progress-step::before {
|
.progress-step::before {
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user