Add payment form and improve order stepper UI

Introduces a payment step with card input masking using ngx-mask, refactors the order stepper to include address and payment forms with validation, and enhances UI/UX with new styles and layout adjustments. Also updates dependencies and module imports to support ngx-mask and Material Checkbox.
This commit is contained in:
2025-11-13 22:36:09 +01:00
parent cb065c8e39
commit 41c9d85e9b
9 changed files with 231 additions and 65 deletions

View File

@@ -61,8 +61,8 @@ html.dark {
backdrop-filter: blur(2px);
}
.mat-step-header .mat-step-icon:not(.mat-step-icon-selected):not(.mat-step-icon-completed) {
background-color: #ccc;
.mat-step-header .mat-step-icon:not(.mat-step-icon-selected):not(.mat-step-icon-completed):not(.mat-step-icon-state-edit) {
background-color: #bbb;
color: white;
}