mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-01 07:02:48 +08:00
💄 Fix a minor CSS issue with wrong separator gaps
This commit is contained in:
parent
efba2f13fa
commit
aa17a05e91
4 changed files with 7 additions and 6 deletions
|
@ -54,8 +54,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ppcp-r-page-welcome-mode-separator {
|
||||
margin: 8px 0 24px 0 !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -13,4 +13,8 @@
|
|||
.ppcp-r-inner-container {
|
||||
max-width: var(--max-width-onboarding-content);
|
||||
}
|
||||
|
||||
.ppcp-r-payment-method--separator {
|
||||
margin: 8px 0 24px 0;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -68,6 +68,7 @@
|
|||
@media screen and (max-width: 480px) {
|
||||
flex-wrap: wrap;
|
||||
row-gap: 8px;
|
||||
|
||||
&__col {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
|
@ -77,7 +78,7 @@
|
|||
border-right: 0;
|
||||
padding-right: 0;
|
||||
padding-bottom: 8px;
|
||||
margin: 0px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -22,7 +22,7 @@ const PaymentMethodItem = ( { Component, learnMore, showSeparator } ) => {
|
|||
<>
|
||||
<Component learnMore={ learnMore } />
|
||||
{ showSeparator && (
|
||||
<Separator className="ppcp-r-page-welcome-mode-separator" />
|
||||
<Separator className="ppcp-r-payment-method--separator" />
|
||||
) }
|
||||
</>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue