weborsha/deal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: highlight current funnel step in deal modal

Browse Source
This commit is contained in:
Vladimir 2026-06-16 18:34:21 +03:00
parent cf9e5e4540
commit 8fe0dccead
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/deal/addEdit/RequisitionDetails.vue
View File

@ -11,7 +11,11 @@
v-for="(step, index) in steps" v-for="(step, index) in steps"
:key="index" :key="index"
class="progress-step" class="progress-step"
:class="{ 'bg-green-500': index < requisition.stage_index, 'bg-white': index >= requisition.stage_index ?? 0 }" :class="{
'step-completed': index < requisition.stage_index,
'step-current': index === requisition.stage_index,
'step-pending': index > requisition.stage_index
}"
> >
</div> </div>
</div> </div>
@ -433,6 +437,15 @@ const typeReq = computed(() => {
flex: 1; flex: 1;
position: relative; position: relative;
} }
.step-completed {
background-color: #5cb85c;
}
.step-current {
background-color: rgba(56, 142, 60, .20);
}
.step-pending {
background-color: #fff;
}
.progress-step::before { .progress-step::before {
content: ''; content: '';
position: absolute; position: absolute;