diff --git a/apps/tangle-website/src/styles/globals.css b/apps/tangle-website/src/styles/globals.css index 8c99f24b0d..9b514cca7d 100644 --- a/apps/tangle-website/src/styles/globals.css +++ b/apps/tangle-website/src/styles/globals.css @@ -59,7 +59,6 @@ button[data-radix-collection-item] > svg { } /** Override the notion styles */ - .notion-page { @apply !max-w-[900px] !mx-auto !w-auto; } @@ -67,7 +66,7 @@ button[data-radix-collection-item] > svg { .notion-title { @apply text-[24px] leading-[32.4px] /** small screen */ md:text-[36px] md:leading-[54px] /** medium screen */ - !mb-[48px] !font-black; + !mb-[24px] !font-black; } .notion b, @@ -75,14 +74,15 @@ button[data-radix-collection-item] > svg { @apply !font-black; } -.notion-text { - @apply text-[16px] leading-[21.6px] /** small screen */ - md:text-[18px] md:leading-[27px] /** medium screen */ - font-medium; +.notion-h3 { + @apply !mb-5; } +.notion-text, .notion-list li { - @apply font-semibold; + @apply text-[16px] leading-[21.6px] /** small screen */ + md:text-[18px] md:leading-[27px] /** medium screen */ + font-medium; } .notion-link { diff --git a/apps/webbsite/src/pages/privacy-policy.tsx b/apps/webbsite/src/pages/privacy-policy.tsx index 647a953c51..0050960a3d 100644 --- a/apps/webbsite/src/pages/privacy-policy.tsx +++ b/apps/webbsite/src/pages/privacy-policy.tsx @@ -9,10 +9,11 @@ import { Typography } from '@webb-tools/webb-ui-components'; const PrivacyPolicy: FC<{ data: ExtendedRecordMap }> = ({ data }) => { return ( - <> +
= ({ data }) => { pageCover={
} // Keep the content inside the
recordMap={data} /> - +
); }; diff --git a/apps/webbsite/src/styles/globals.css b/apps/webbsite/src/styles/globals.css index f4f45c7946..a540290b34 100644 --- a/apps/webbsite/src/styles/globals.css +++ b/apps/webbsite/src/styles/globals.css @@ -84,16 +84,30 @@ } /** Override the notion styles */ +.notion-page { + @apply !max-w-[900px] !mx-auto !w-auto; +} + +.notion-title { + @apply text-[24px] leading-[32.4px] /** small screen */ + md:text-[36px] md:leading-[54px] /** medium screen */ + !mb-[24px] !font-black; +} + +.notion b, .notion-h-title { - @apply heading-3; + @apply !font-black; } -.notion-text { - @apply sub-heading-1; +.notion-h3 { + @apply !mb-5; } +.notion-text, .notion-list li { - @apply font-semibold; + @apply text-[16px] leading-[21.6px] /** small screen */ + md:text-[18px] md:leading-[27px] /** medium screen */ + font-medium; } .notion-link {