Compare commits

..

No commits in common. "a240d99d736e2280aa838fde4fee242a3628d8aa" and "cf9e5e4540b58a9cf0928432c8648751540d5b95" have entirely different histories.

View File

@ -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;