diff --git a/src/app/features/store/pages/checkout-page/components/payment-methods/_payment-panel.scss b/src/app/features/store/pages/checkout-page/components/payment-methods/_payment-panel.scss index 37c44e2..adfab35 100644 --- a/src/app/features/store/pages/checkout-page/components/payment-methods/_payment-panel.scss +++ b/src/app/features/store/pages/checkout-page/components/payment-methods/_payment-panel.scss @@ -1,3 +1,11 @@ +@mixin host { + :host { + display: block; + width: 100%; + max-width: 290px; + } +} + @mixin card { &__card { width: 100%; diff --git a/src/app/features/store/pages/checkout-page/components/payment-methods/qr-payment-content.component.scss b/src/app/features/store/pages/checkout-page/components/payment-methods/qr-payment-content.component.scss index 653b867..c31a818 100644 --- a/src/app/features/store/pages/checkout-page/components/payment-methods/qr-payment-content.component.scss +++ b/src/app/features/store/pages/checkout-page/components/payment-methods/qr-payment-content.component.scss @@ -1,5 +1,7 @@ @use 'payment-panel' as payment-panel; +@include payment-panel.host; + .payment-panel { @include payment-panel.card; } diff --git a/src/app/features/store/pages/checkout-page/components/payment-methods/telepagos-payment-content.component.scss b/src/app/features/store/pages/checkout-page/components/payment-methods/telepagos-payment-content.component.scss index 166d776..50adec5 100644 --- a/src/app/features/store/pages/checkout-page/components/payment-methods/telepagos-payment-content.component.scss +++ b/src/app/features/store/pages/checkout-page/components/payment-methods/telepagos-payment-content.component.scss @@ -1,5 +1,7 @@ @use 'payment-panel' as payment-panel; +@include payment-panel.host; + .payment-panel { @include payment-panel.card; } diff --git a/src/app/features/store/pages/checkout-page/components/payment-methods/transfer-payment-content.component.scss b/src/app/features/store/pages/checkout-page/components/payment-methods/transfer-payment-content.component.scss index 3cd0db2..91aa8c8 100644 --- a/src/app/features/store/pages/checkout-page/components/payment-methods/transfer-payment-content.component.scss +++ b/src/app/features/store/pages/checkout-page/components/payment-methods/transfer-payment-content.component.scss @@ -1,5 +1,7 @@ @use 'payment-panel' as payment-panel; +@include payment-panel.host; + .payment-panel { @include payment-panel.card;