tbianchini/shopit-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(checkout): update button sizes for consistent layout across checkout steps

Browse Source
This commit is contained in:
ncoronel
2026-07-07 17:00:26 -03:00
parent 639004c8c6
commit 7e8a638d01
3 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/features/store/pages/checkout-page/checkout-data-step.component.scss
View File

@@ -19,8 +19,8 @@
&__action-btn { &__action-btn {
display: block; display: block;
width: 100%; width: 100%;
flex: 1 1 253px; flex: 1 1 290px;
max-width: 253px; max-width: 290px;
} }
} }

1
src/app/features/store/pages/checkout-page/checkout-payment-step.component.html
View File

@@ -134,6 +134,7 @@
variant="cancel" variant="cancel"
hostClass="checkout-payment__action-btn" hostClass="checkout-payment__action-btn"
buttonClass="w-100" buttonClass="w-100"
[disabled]="true"
(click)="cancelStep.emit()" (click)="cancelStep.emit()"
> >
Cancelar Cancelar

6
src/app/features/store/pages/checkout-page/checkout-payment-step.component.scss
View File

@@ -23,8 +23,8 @@
&__action-btn { &__action-btn {
width: 100%; width: 100%;
flex: 1 1 253px; flex: 1 1 290px;
max-width: 253px; max-width: 290px;
display: block; display: block;
} }
} }
@@ -112,7 +112,7 @@
min-width: 0; min-width: 0;
&__card { &__card {
width: 100%; width: 100%;
max-width: 253px; max-width: 290px;
min-height: 269px; min-height: 269px;
padding: 1.5rem 1.75rem; padding: 1.5rem 1.75rem;
border-radius: 5px; border-radius: 5px;