From ada4bca11aff9c82f3c95d6b0748f0c7ed3b267a Mon Sep 17 00:00:00 2001 From: emrberk Date: Mon, 31 Aug 2026 21:48:33 +0300 Subject: [PATCH 1/2] Footer: stack copyright above three-column links on mobile Co-Authored-By: Claude Fable 5 --- src/theme/Footer/styles.module.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/src/theme/Footer/styles.module.css b/src/theme/Footer/styles.module.css index 2cd8bb141..ab85c83a3 100644 --- a/src/theme/Footer/styles.module.css +++ b/src/theme/Footer/styles.module.css @@ -55,6 +55,22 @@ align-items: center; } +@media screen and (max-width: 768px) { + .bottom { + flex-direction: column; + align-items: flex-start; + gap: 1rem; + } + + .rightLinks { + width: 100%; + display: grid; + grid-template-columns: repeat(3, 1fr); + justify-items: start; + gap: 0.75rem 0; + } +} + .root a { text-decoration: var(--ifm-footer-link-decoration); } From ef237d819f7ce9c782e020924c8f3569d451e4bb Mon Sep 17 00:00:00 2001 From: emrberk Date: Mon, 31 Aug 2026 21:50:46 +0300 Subject: [PATCH 2/2] Footer: align bottom bar with website (SOC 2 notice, links-first mobile order) Co-Authored-By: Claude Fable 5 --- src/theme/Footer/index.tsx | 3 +++ src/theme/Footer/styles.module.css | 13 ++++++++++++- 2 files changed, 15 insertions(+), 1 deletion(-) 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 ab85c83a3..61cd531fd 100644 --- a/src/theme/Footer/styles.module.css +++ b/src/theme/Footer/styles.module.css @@ -55,9 +55,16 @@ 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; + flex-direction: column-reverse; align-items: flex-start; gap: 1rem; } @@ -69,6 +76,10 @@ justify-items: start; gap: 0.75rem 0; } + + .certificationText { + grid-column: 1 / -1; + } } .root a {