woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-31 06:52:50 +08:00
Code Issues Projects Packages Wiki Activity Actions

🚧 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 { .ppcp--horizontal {
display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 50px;
} }
.ppcp-r-settings-block__accordion { .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 { Button } from '@wordpress/components';
import SettingsBlock from '../SettingsBlock'; import SettingsBlock from '../SettingsBlock';
import { Action, Description, Header, Title } from '../Elements'; import { Action } from '../Elements';
const ButtonSettingsBlock = ( { title, description, ...props } ) => ( const ButtonSettingsBlock = ( { title, description, ...props } ) => (
<SettingsBlock { ...props } className="ppcp-r-settings-block__button"> <SettingsBlock
<Header> title={ title }
<Title>{ title }</Title> headerDescription={ description }
<Description>{ description }</Description> horizontalLayout={ true }
</Header> className="ppcp-r-settings-block__button"
{ ...props }
>
<Action> <Action>
<Button <Button
isBusy={ props.actionProps?.isBusy } isBusy={ props.actionProps?.isBusy }