charieswei
/
TradingAgents
mirror of https://github.com/TauricResearch/TradingAgents.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

This commit is contained in:
MarkLo 2025-12-15 03:38:56 +08:00
parent facd78aac3
commit 3568ff5b33
3 changed files with 39 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/app/globals.css
View File

@ -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 */

9
frontend/app/layout.tsx
View File

@ -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 (
<html lang="en" suppressHydrationWarning>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<link rel="manifest" href="/manifest.json" />
<meta name="theme-color" content="#6B21A8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<meta name="apple-mobile-web-app-title" content="TradingAgentsX" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="TAgentsX" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon.png" />

2
frontend/components/layout/Header.tsx
View File

@ -15,7 +15,7 @@ export function Header() {
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
return (
<header className="border-b bg-gradient-to-r from-blue-500 to-pink-500 dark:from-blue-600 dark:to-purple-600 text-white">
<header className="border-b bg-gradient-to-r from-blue-500 to-pink-500 dark:from-blue-600 dark:to-purple-600 text-white pwa-safe-header">
<div className="container mx-auto px-4 py-4 md:py-6">
<div className="flex items-center justify-between">
{/* Logo */}