🚸 Replace clickable div with button

This commit is contained in:
Philipp Stracker 2025-01-24 17:06:15 +01:00
parent 9cadf1ff76
commit 5c5601af97
No known key found for this signature in database
2 changed files with 4 additions and 5 deletions

View file

@ -55,14 +55,13 @@
}
.ppcp--method-settings {
line-height: 0;
padding: 0;
transition: 0.2s ease-out transform;
transform: rotate(0deg);
zoom: 1.005;
&:hover {
transform: rotate(45deg);
cursor: pointer;
}
}

View file

@ -1,4 +1,4 @@
import { ToggleControl, Icon } from '@wordpress/components';
import { ToggleControl, Icon, Button } from '@wordpress/components';
import { cog } from '@wordpress/icons';
import SettingsBlock from '../SettingsBlock';
@ -32,12 +32,12 @@ const PaymentMethodItemBlock = ( {
onChange={ onSelect }
/>
{ paymentMethod?.fields && onTriggerModal && (
<div
<Button
className="ppcp--method-settings"
onClick={ onTriggerModal }
>
<Icon icon={ cog } />
</div>
</Button>
) }
</div>
</div>