From 3568ff5b332ae7d942a59443a650ab74c306bc61 Mon Sep 17 00:00:00 2001 From: MarkLo Date: Mon, 15 Dec 2025 03:38:56 +0800 Subject: [PATCH] --- frontend/app/globals.css | 33 +++++++++++++++++++++++++++ frontend/app/layout.tsx | 9 ++++---- frontend/components/layout/Header.tsx | 2 +- 3 files changed, 39 insertions(+), 5 deletions(-) diff --git a/frontend/app/globals.css b/frontend/app/globals.css index 27240478..20a080d0 100644 --- a/frontend/app/globals.css +++ b/frontend/app/globals.css @@ -119,6 +119,39 @@ body { @apply bg-background text-foreground; } + + /* iOS PWA Safe Area Support */ + html { + /* Extend background color to safe areas */ + background-color: var(--background); + } + + /* PWA standalone mode adjustments */ + @supports (padding-top: env(safe-area-inset-top)) { + /* Header safe area */ + .pwa-safe-header { + padding-top: env(safe-area-inset-top); + } + + /* Footer/bottom safe area */ + .pwa-safe-footer { + padding-bottom: env(safe-area-inset-bottom); + } + + /* Full page safe area */ + .pwa-safe-page { + padding-left: env(safe-area-inset-left); + padding-right: env(safe-area-inset-right); + } + } + + /* iOS Safari standalone mode detection */ + @media all and (display-mode: standalone) { + body { + /* Prevent rubber-banding on iOS */ + overscroll-behavior-y: none; + } + } } /* Safari mobile touch fixes */ diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx index 76ffcf3f..eb5638fe 100644 --- a/frontend/app/layout.tsx +++ b/frontend/app/layout.tsx @@ -26,8 +26,8 @@ export const metadata: Metadata = { }, appleWebApp: { capable: true, - statusBarStyle: "default", - title: "TradingAgentsX", + statusBarStyle: "black-translucent", + title: "TAgentsX", }, openGraph: { title: "TradingAgentsX - 多代理 LLM 金融交易", @@ -45,11 +45,12 @@ export default function RootLayout({ return ( + - - + + diff --git a/frontend/components/layout/Header.tsx b/frontend/components/layout/Header.tsx index 8a1ae52a..f742735d 100644 --- a/frontend/components/layout/Header.tsx +++ b/frontend/components/layout/Header.tsx @@ -15,7 +15,7 @@ export function Header() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false); return ( -
+
{/* Logo */}