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

feat(checkout): adjust button styles and layout for improved usability

Browse Source
This commit is contained in:
ncoronel
2026-07-03 12:03:57 -03:00
parent 37d94159aa
commit 0a2d999c00
3 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -125,7 +125,6 @@
type="button" type="button"
variant="cancel" variant="cancel"
hostClass="checkout-payment__action-btn" hostClass="checkout-payment__action-btn"
buttonClass="w-100"
(click)="cancelStep.emit()" (click)="cancelStep.emit()"
> >
Cancelar Cancelar
@@ -134,7 +133,6 @@
<app-button <app-button
type="button" type="button"
hostClass="checkout-payment__action-btn" hostClass="checkout-payment__action-btn"
buttonClass="w-100"
> >
Finalizar compra Finalizar compra
</app-button> </app-button>

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

@@ -26,7 +26,6 @@
&__action-btn { &__action-btn {
display: block; display: block;
width: 100%;
} }
} }
@@ -52,7 +51,7 @@
align-items: center; align-items: center;
gap: 0.85rem; gap: 0.85rem;
width: 100%; width: 100%;
max-width: 200px; max-width: 300px;
justify-self: start; justify-self: start;
padding: 0.35rem 0; padding: 0.35rem 0;
color: #666666; color: #666666;
@@ -180,7 +179,7 @@
&__value { &__value {
color: #5e5e5e; color: #5e5e5e;
font-weight: 700; font-weight: 500;
} }
&__feedback { &__feedback {

4
src/app/shared/components/stepper/stepper.component.scss
View File

@@ -17,7 +17,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex: 1; flex: 0 1 190px;
width: 100%;
max-width: 190px;
position: relative; position: relative;
} }