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

Add style

Browse source
This commit is contained in:
carmenmaymo 2025-01-28 12:15:49 +01:00
parent bce124aa8d
commit 3413516799
No known key found for this signature in database
GPG key ID: 6023F686B0F3102E
3 changed files with 39 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

41
modules/ppcp-settings/resources/js/Components/ReusableComponents/TopNavigation.js
View file

@ -6,7 +6,6 @@ import classNames from 'classnames';
import useIsScrolled from '../../hooks/useIsScrolled';
import { useNavigation } from '../../hooks/useNavigation';
import BusyStateWrapper from './BusyStateWrapper';
import { getSettingsTabs } from '../Screens/Settings/Tabs';
import TabNavigation from './TabNavigation';
const TopNavigation = ( {
@ -47,27 +46,29 @@ const TopNavigation = ( {
return (
<div className={ className }>
<div className="ppcp-r-navigation">
<BusyStateWrapper
className="ppcp-r-navigation--left"
busySpinner={ false }
enabled={ ! exitOnTitleClick }
>
<Button
variant="link"
onClick={ handleTitleClick }
className="is-title"
<div className="ppcp-r-navigation--row">
<BusyStateWrapper
className="ppcp-r-navigation--left"
busySpinner={ false }
enabled={ ! exitOnTitleClick }
>
<Icon icon={ chevronLeft } />
<span className={ titleClassName }>{ title }</span>
</Button>
</BusyStateWrapper>
<Button
variant="link"
onClick={ handleTitleClick }
className="is-title"
>
<Icon icon={ chevronLeft } />
<span className={ titleClassName }>{ title }</span>
</Button>
</BusyStateWrapper>
<BusyStateWrapper
className="ppcp-r-navigation--right"
busySpinner={ false }
>
{ children }
</BusyStateWrapper>
<BusyStateWrapper
className="ppcp-r-navigation--right"
busySpinner={ false }
>
{ children }
</BusyStateWrapper>
</div>
<TabNavigation
tabs={ tabs }
activePanel={ activePanel }