From 3af2dd41fb10974f86bd67a06e60864366846fd8 Mon Sep 17 00:00:00 2001
From: icy <icyoung520@gmail.com>
Date: Tue, 4 Nov 2025 01:29:39 +0800
Subject: [PATCH] Fix: Add proper top padding to prevent HeaderBar overlap on
 all main app pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Match main app layout with proven working /competition route layout:
- Use px-6 py-6 pt-24 padding (same as /competition route)
- Ensures HeaderBar doesn't overlap content on /traders and /dashboard pages
- Provides consistent 6rem (96px) top clearance for fixed positioned HeaderBar
- Removes responsive padding variants that differed from competition page

This fixes header overlap issues across all main application routes.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 web/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index d64991b3..3871bdc7 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -298,7 +298,7 @@ function App() {
       />
 
       {/* Main Content */}
-      <main className="max-w-[1920px] mx-auto px-3 md:px-6 py-4 md:py-6">
+      <main className="max-w-[1920px] mx-auto px-6 py-6 pt-24">
         {currentPage === 'competition' ? (
           <CompetitionPage />
         ) : currentPage === 'traders' ? (