From febc90ec285833c2fef9e36300800cf94180236c Mon Sep 17 00:00:00 2001 From: Raphael Mattos Date: Fri, 3 Nov 2023 20:45:31 -0300 Subject: [PATCH] fix(cxl-ui): add white space between checkout payment methods --- packages/cxl-ui/scss/global/cxl-checkout-details.scss | 10 ++++++++++ .../storybook/cxl-ui/cxl-checkout-details.stories.js | 3 +++ 2 files changed, 13 insertions(+) diff --git a/packages/cxl-ui/scss/global/cxl-checkout-details.scss b/packages/cxl-ui/scss/global/cxl-checkout-details.scss index 3357c3777..3bdb55be1 100644 --- a/packages/cxl-ui/scss/global/cxl-checkout-details.scss +++ b/packages/cxl-ui/scss/global/cxl-checkout-details.scss @@ -6,4 +6,14 @@ vaadin-details[theme~="cxl-checkout-details"] { font-weight: 900; text-transform: uppercase; } + + /* + * Checkout Payment Methods + */ + + vaadin-accordion-panel.wc_payment_method { + display: block; + padding-block: var(--lumo-space-s); + } + } diff --git a/packages/storybook/cxl-ui/cxl-checkout-details.stories.js b/packages/storybook/cxl-ui/cxl-checkout-details.stories.js index 1a8e673c2..9d229ec4e 100644 --- a/packages/storybook/cxl-ui/cxl-checkout-details.stories.js +++ b/packages/storybook/cxl-ui/cxl-checkout-details.stories.js @@ -5,6 +5,9 @@ import { CXLVaadinAccordionThemeVaadin } from './cxl-vaadin-accordion/vaadin-acc export default { title: 'CXL UI/cxl-checkout-details', + parameters: { + layout: 'centered', + }, }; // eslint-disable-next-line no-empty-pattern