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

feat(checkout-page): add host mixin for payment panel components to improve layout consistency

Browse Source
This commit is contained in:
nahu
2026-07-12 19:22:06 +00:00
parent fe52519b72
commit 9b183dec36
4 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/features/store/pages/checkout-page/components/payment-methods/_payment-panel.scss
View File

@@ -1,3 +1,11 @@
@mixin host {
:host {
display: block;
width: 100%;
max-width: 290px;
}
}
@mixin card { @mixin card {
&__card { &__card {
width: 100%; width: 100%;

2
src/app/features/store/pages/checkout-page/components/payment-methods/qr-payment-content.component.scss
View File

@@ -1,5 +1,7 @@
@use 'payment-panel' as payment-panel; @use 'payment-panel' as payment-panel;
@include payment-panel.host;
.payment-panel { .payment-panel {
@include payment-panel.card; @include payment-panel.card;
} }

2
src/app/features/store/pages/checkout-page/components/payment-methods/telepagos-payment-content.component.scss
View File

@@ -1,5 +1,7 @@
@use 'payment-panel' as payment-panel; @use 'payment-panel' as payment-panel;
@include payment-panel.host;
.payment-panel { .payment-panel {
@include payment-panel.card; @include payment-panel.card;
} }

2
src/app/features/store/pages/checkout-page/components/payment-methods/transfer-payment-content.component.scss
View File

@@ -1,5 +1,7 @@
@use 'payment-panel' as payment-panel; @use 'payment-panel' as payment-panel;
@include payment-panel.host;
.payment-panel { .payment-panel {
@include payment-panel.card; @include payment-panel.card;