WEB-262: Move the form steppers to vertical orientation

This commit is contained in:
Jose Alberto Hernandez
2025-07-20 16:21:21 -05:00
parent 62e0ee077f
commit 73dd25ebdf
29 changed files with 201 additions and 61 deletions
@@ -1,5 +1,11 @@
<div class="container">
<mat-horizontal-stepper class="mat-elevation-z8" labelPosition="bottom" #smsCampaignStepper>
<mat-stepper
orientation="vertical"
[linear]="false"
class="mat-elevation-z8"
labelPosition="bottom"
#smsCampaignStepper
>
<ng-template matStepperIcon="number">
<fa-icon icon="pencil-alt" size="sm"></fa-icon>
</ng-template>
@@ -50,5 +56,5 @@
>
</mifosx-campaign-preview-step>
</mat-step>
</mat-horizontal-stepper>
</mat-stepper>
</div>
@@ -1,5 +1,11 @@
<div class="container">
<mat-horizontal-stepper class="mat-elevation-z8" labelPosition="bottom" #smsCampaignStepper>
<mat-stepper
orientation="vertical"
[linear]="false"
class="mat-elevation-z8"
labelPosition="bottom"
#smsCampaignStepper
>
<ng-template matStepperIcon="number">
<fa-icon icon="pencil-alt" size="sm"></fa-icon>
</ng-template>
@@ -52,5 +58,5 @@
>
</mifosx-campaign-preview-step>
</mat-step>
</mat-horizontal-stepper>
</mat-stepper>
</div>