From 8b22c78aab546719b9447e3697d29213a857a8fb Mon Sep 17 00:00:00 2001 From: heggria Date: Mon, 6 Jul 2026 21:43:09 +0800 Subject: [PATCH] fix(website): hero code-window no longer overlaps CTA buttons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The hero's review-changes.json code preview used a negative top margin (-mt-6 mobile / md:-mt-12 desktop) to tuck it under the CTA button row. Since the code-window figure has `position: relative` + `z-10`, it stacks above the (statically-positioned) button row, so the negative margin visually covered the buttons instead of just peeking behind them. At common viewports (768px tablet, 1440px desktop, and 390px mobile once the row wraps to two lines) the code window's title bar fully overlapped "Get Started", "What is taskflow?", and "GitHub", making them nearly unreadable/unclickable through the glass blur. Replaced the negative overlap with a plain positive gap (mt-10 / md:mt-14) consistent with the rest of the hero's vertical rhythm. Verified with Playwright screenshots at 390x844, 768x1024, and 1440x900 for both en and zh-cn locales — buttons are now fully visible and the code window sits cleanly below them. --- website/app/[lang]/page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/website/app/[lang]/page.tsx b/website/app/[lang]/page.tsx index 4baff2f..1301dc7 100644 --- a/website/app/[lang]/page.tsx +++ b/website/app/[lang]/page.tsx @@ -692,7 +692,7 @@ export default async function HomePage({ -
+