woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-30 05:00:51 +08:00
Code Issues Projects Packages Wiki Activity Actions 18

Adjust styles, fix the gaps

Browse source
This commit is contained in:
Narek Zakarian 2024-11-05 18:20:04 +04:00
parent d62a7c8282
commit 749ce8b3f2
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
5 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

1
modules/ppcp-settings/resources/css/components/reusable-components/_onboarding-header.scss
View file

@ -14,7 +14,6 @@
}
&__content {
max-width: 458px;
margin: 0 auto;
display: flex;
flex-direction: column;

2
modules/ppcp-settings/resources/css/components/reusable-components/_settings-wrapper.scss
View file

@ -8,7 +8,7 @@
&-inner-container {
margin-left: auto;
margin-right: auto;
padding: 0 16px 72px;
padding: 0 16px 48px;
box-sizing: border-box;
@media screen and (max-width: 480px) {

14
modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss
View file

@ -21,7 +21,7 @@
}
.ppcp-r-page-welcome-mode-separator {
margin: 0 0 64px 0;
margin: 0 0 48px 0;
.ppcp-r-separator__line {
background-color: $color-gray-300;
@ -50,21 +50,21 @@
gap: 4px;
> span {
@include font(11, 16, 600);
@include font(12, 16, 500);
text-transform: uppercase;
color: $color-gray-800;
}
> p {
margin: 0;
@include font(13, 16, 400);
@include font(11, 16, 450);
color: $color-gray-700;
}
&:not(:last-child) {
padding-right: 48px;
padding-right: 18px;
border-right: 1px solid $color-gray-200;
margin-right: 48px;
margin-right: 18px;
}
}
@ -112,9 +112,9 @@
}
&:not(:last-child) {
padding-right: 24px;
padding-right: 48px;
border-right: 1px solid $color-gray-200;
margin-right: 24px;
margin-right: 48px;
}
}

7
modules/ppcp-settings/resources/js/Components/ReusableComponents/OnboardingHeader.js
View file

@ -13,9 +13,10 @@ const OnboardingHeader = ( props ) => {
{ props.title }
</h1>
{ props.description && (
<p className="ppcp-r-onboarding-header__description">
{ props.description }
</p>
<p
className="ppcp-r-onboarding-header__description"
dangerouslySetInnerHTML={ { __html: props.description, } }
></p>
) }
</div>
</section>

2
modules/ppcp-settings/resources/js/Components/Screens/Onboarding/StepWelcome.js
View file

@ -18,7 +18,7 @@ const StepWelcome = ( { setStep, currentStep, setCompleted } ) => {
'woocommerce-paypal-payments'
)}
description={__(
'Your all-in-one integration for PayPal checkout solutions that enable buyers to pay via PayPal, Pay Later, all major credit/debit cards, Apple Pay, Google Pay, and more.',
'Your all-in-one integration for PayPal checkout solutions that enable buyers<br/> to pay via PayPal, Pay Later, all major credit/debit cards, Apple Pay, Google Pay, and more.',
'woocommerce-paypal-payments'
)}
/>