diff --git a/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSection.tsx b/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSection.tsx index 3e92c3c8b5..d8dda7416d 100644 --- a/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSection.tsx +++ b/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSection.tsx @@ -9,7 +9,7 @@ interface Props { const SettingSection: React.FC = ({title, children}) => { return ( <> - {title && } + {title && } {children &&
{children} diff --git a/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSectionHeader.tsx b/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSectionHeader.tsx index e7b7b7ee3e..e2d530778a 100644 --- a/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSectionHeader.tsx +++ b/ghost/admin-x-settings/src/admin-x-ds/settings/SettingSectionHeader.tsx @@ -2,11 +2,16 @@ import React from 'react'; interface Props { title: string; + sticky?: boolean; } -const SettingSectionHeader: React.FC = ({title}) => { +const SettingSectionHeader: React.FC = ({title, sticky = false}) => { + let styles = 'pb-4 text-2xs font-semibold uppercase tracking-wide text-grey-700'; + if (sticky) { + styles += ' sticky top-0 -mt-4 pt-4 bg-white'; + } return ( -

{title}

+

{title}

); };