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 (
-