diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx index 3a3618d73..07947c736 100644 --- a/src/theme/Footer/index.tsx +++ b/src/theme/Footer/index.tsx @@ -21,6 +21,9 @@ const Footer = () => {
{customFields.copyright}
+ + SOC 2 Type 1 Compliant + Privacy diff --git a/src/theme/Footer/styles.module.css b/src/theme/Footer/styles.module.css index 2cd8bb141..61cd531fd 100644 --- a/src/theme/Footer/styles.module.css +++ b/src/theme/Footer/styles.module.css @@ -55,6 +55,33 @@ align-items: center; } +.certificationText { + color: rgba(248, 248, 242, 0.64); + font-size: var(--font-size-normal); + line-height: 1.5; + white-space: nowrap; +} + +@media screen and (max-width: 768px) { + .bottom { + flex-direction: column-reverse; + align-items: flex-start; + gap: 1rem; + } + + .rightLinks { + width: 100%; + display: grid; + grid-template-columns: repeat(3, 1fr); + justify-items: start; + gap: 0.75rem 0; + } + + .certificationText { + grid-column: 1 / -1; + } +} + .root a { text-decoration: var(--ifm-footer-link-decoration); }