Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

tabs styles better

This commit is contained in:
paul sealock 2024-05-29 12:54:15 +12:00
parent 5342b6cbcc
commit 1ee9b5a756
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
plugins/woocommerce-admin/client/settings/index.js
View File

@ -20,7 +20,8 @@ const Settings = ( { params } ) => {
<>
<Tabs data={ settingsData } page={ params.page }>
<p>
now editing <span>{ params.page }</span>
now editing{ ' ' }
<span>{ settingsData[ params.page ].label }</span>
</p>
</Tabs>
</>

3
plugins/woocommerce-admin/client/settings/style.scss
View File

@ -13,10 +13,11 @@
.woocommerce-settings-tabs {
.components-tab-panel__tabs {
border-bottom: 1px solid lightgray;
padding: 16px 16px 0 16px;
padding: 14px 14px 0 14px;
}
.components-tab-panel__tabs-item {
font-weight: 400;
border: 2px solid transparent;
&.active-tab {
border-bottom: 2px solid blue;