align toggle text

This commit is contained in:
rjchow 2024-09-16 16:50:29 +10:00
parent 0b51196aa4
commit 9cbccb6db4
No known key found for this signature in database
2 changed files with 34 additions and 25 deletions

View File

@ -203,7 +203,7 @@ const SiteVisibility = () => {
</p>
<div
className={ clsx(
'site-visibility-settings-slotfill-section-content',
'site-visibility-settings-slotfill-section-content indent-one-level',
{
'is-hidden': comingSoon !== 'yes',
}
@ -308,6 +308,11 @@ const SiteVisibility = () => {
</div>
<div className="site-visibility-settings-slotfill-section">
<h4>{ __( 'Admin bar badge', 'woocommerce' ) }</h4>
<div
className={ clsx(
'site-visibility-settings-slotfill-section-content'
) }
>
<ToggleControl
label={
<>
@ -332,6 +337,7 @@ const SiteVisibility = () => {
} }
/>
</div>
</div>
{ formRef.current && saveButtonRef.current ? (
<ConfirmationModal
saveButtonRef={ saveButtonRef }

View File

@ -107,7 +107,10 @@
gap: 16px;
display: flex;
flex-direction: column;
&.indent-one-level {
margin: 16px 0 0 30px;
}
&.is-hidden {
display: none;