title styles

This commit is contained in:
paul sealock 2024-09-13 15:49:54 +12:00
parent 5e161bba29
commit 25c09da306
2 changed files with 17 additions and 1 deletions

View File

@ -118,7 +118,7 @@ const Settings = ( { params, query } ) => {
} }
>
<div className="woocommerce-settings-layout-title">
<h1>{ title }</h1>
<h2>{ title }</h2>
</div>
<SectionNav
data={ settingsData[ page ] }

View File

@ -166,6 +166,22 @@
padding: 16px 48px;
}
.woocommerce-settings-layout-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #1e1e1e;
line-height: 1.4;
margin: 0;
text-wrap: balance;
text-wrap: pretty;
color: #1e1e1e;
font-size: calc(1.56 * 13px);
font-weight: 500;
display: block;
}
.woocommerce-settings-element {
display: flex;
justify-content: space-between;