This commit is contained in:
Ilyas Foo 2022-04-07 11:23:04 +08:00
parent f82b5d78f1
commit 4c4edc1c03
2 changed files with 6 additions and 6 deletions

View File

@ -22,12 +22,12 @@ import GiroPay from '../images/cards/giropay.js';
import Sofort from '../images/cards/sofort.js'; import Sofort from '../images/cards/sofort.js';
export const WCPayAcceptedMethods = () => ( export const WCPayAcceptedMethods = () => (
<> <div className="woocommerce-task-payment-wcpay__accepted-section">
<Text as="h3" variant="label" size="12" lineHeight="16px"> <Text as="h3" variant="label" size="12" lineHeight="16px">
{ __( 'Accepted payment methods include:', 'woocommerce' ) } { __( 'Accepted payment methods include:', 'woocommerce' ) }
</Text> </Text>
<div className="woocommerce-task-payment-wcpay__accepted"> <div className="woocommerce-task-payment-wcpay__accepted-icons">
<Visa /> <Visa />
<MasterCard /> <MasterCard />
<Amex /> <Amex />
@ -40,9 +40,9 @@ export const WCPayAcceptedMethods = () => (
<UnionPay /> <UnionPay />
<JCB /> <JCB />
<Sofort /> <Sofort />
<div className="woocommerce-task-payment-wcpay__accepted__and-more"> <div className="woocommerce-task-payment-wcpay__accepted-and-more">
& more. & more.
</div> </div>
</div> </div>
</> </div>
); );

View File

@ -89,7 +89,7 @@
} }
} }
.woocommerce-task-payment-wcpay__accepted { .woocommerce-task-payment-wcpay__accepted-icons {
h3 { h3 {
color: #40464d; color: #40464d;
} }
@ -115,7 +115,7 @@
letter-spacing: normal; letter-spacing: normal;
} }
.woocommerce-task-payment-wcpay__accepted__and-more { .woocommerce-task-payment-wcpay__accepted-and-more {
white-space: nowrap; white-space: nowrap;
} }
} }