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 architecture of ButtonSettingsBlock

Browse source
This commit is contained in:
Philipp Stracker 2025-01-22 15:30:22 +01:00
parent b6720146eb
commit d8ecb019de
No known key found for this signature in database
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss
View file

@ -160,12 +160,10 @@
}
}
.ppcp-r-settings-block__button {
display: flex;
.ppcp--horizontal {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 50px;
}
.ppcp-r-settings-block__accordion {

14
modules/ppcp-settings/resources/js/Components/ReusableComponents/SettingsBlocks/ButtonSettingsBlock.js
View file

@ -1,14 +1,16 @@
import { Button } from '@wordpress/components';
import SettingsBlock from '../SettingsBlock';
import { Action, Description, Header, Title } from '../Elements';
import { Action } from '../Elements';
const ButtonSettingsBlock = ( { title, description, ...props } ) => (
<SettingsBlock { ...props } className="ppcp-r-settings-block__button">
<Header>
<Title>{ title }</Title>
<Description>{ description }</Description>
</Header>
<SettingsBlock
title={ title }
headerDescription={ description }
horizontalLayout={ true }
className="ppcp-r-settings-block__button"
{ ...props }
>
<Action>
<Button
isBusy={ props.actionProps?.isBusy }