From 45714345758e6b252bd47f0430bd0756d0a4d2e6 Mon Sep 17 00:00:00 2001 From: Michael Staib Date: Sat, 21 Mar 2026 21:59:00 +0000 Subject: [PATCH] Fix mobile website --- .../src/components/layout/article/article-layout-elements.tsx | 2 ++ website/src/components/layout/site/header.tsx | 2 +- website/src/components/layout/site/main.tsx | 1 + 3 files changed, 4 insertions(+), 1 deletion(-) diff --git a/website/src/components/layout/article/article-layout-elements.tsx b/website/src/components/layout/article/article-layout-elements.tsx index 706d9f49f15..5efa534370d 100644 --- a/website/src/components/layout/article/article-layout-elements.tsx +++ b/website/src/components/layout/article/article-layout-elements.tsx @@ -92,6 +92,7 @@ export const ArticleWrapper = styled.div` display: flex; grid-row: 1; grid-column: 3 / 4; + min-width: 0; overflow: visible; ${IsSmallDesktop(` @@ -105,6 +106,7 @@ export const ArticleWrapper = styled.div` export const ArticleContainer = styled.div` padding: 20px 40px 0; + min-width: 0; overflow: visible; ${IsPhablet(` diff --git a/website/src/components/layout/site/header.tsx b/website/src/components/layout/site/header.tsx index 0b136642953..010d437811a 100644 --- a/website/src/components/layout/site/header.tsx +++ b/website/src/components/layout/site/header.tsx @@ -183,7 +183,7 @@ const Container = styled.header` justify-content: center; box-sizing: border-box; border-bottom: 1px solid ${THEME_COLORS.boxBorder}; - width: 100vw; + width: 100%; height: 72px; ${ApplyBackdropBlur(48, `background-color: ${THEME_COLORS.backgroundMenu};`)} diff --git a/website/src/components/layout/site/main.tsx b/website/src/components/layout/site/main.tsx index c498b9ec6ff..5c22d3bf119 100644 --- a/website/src/components/layout/site/main.tsx +++ b/website/src/components/layout/site/main.tsx @@ -69,6 +69,7 @@ const Container = styled.div` display: flex; flex-direction: column; height: 100vh; + overflow-x: hidden; overflow-y: auto; `;