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

View File

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