From 2ba38a13e7eb966e9f7ff9aa2b981b3c97c07c1a Mon Sep 17 00:00:00 2001 From: Yves Gugger Date: Sat, 13 Dec 2025 09:52:07 +0100 Subject: [PATCH] PWA: Better contrast, 5-item nav, black theme-color, Watchlist native mobile --- frontend/src/app/layout.tsx | 3 +- frontend/src/app/terminal/radar/page.tsx | 196 ++- frontend/src/app/terminal/watchlist/page.tsx | 1275 +++++++++++------- frontend/src/components/SEO.tsx | 2 +- 4 files changed, 912 insertions(+), 564 deletions(-) diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 5b1bd97..3a4f43a 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -10,7 +10,8 @@ const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://pounce.com' export const viewport: Viewport = { width: 'device-width', initialScale: 1, - themeColor: '#10b981', + themeColor: '#020202', + viewportFit: 'cover', } export const metadata: Metadata = { diff --git a/frontend/src/app/terminal/radar/page.tsx b/frontend/src/app/terminal/radar/page.tsx index f3c29f7..1e04154 100644 --- a/frontend/src/app/terminal/radar/page.tsx +++ b/frontend/src/app/terminal/radar/page.tsx @@ -26,7 +26,9 @@ import { Bell, ChevronRight, TrendingUp, - RefreshCw + RefreshCw, + Tag, + Coins } from 'lucide-react' import clsx from 'clsx' import Link from 'next/link' @@ -55,7 +57,7 @@ interface SearchResult { } // ============================================================================ -// MOBILE BOTTOM NAV +// MOBILE BOTTOM NAV - 5 Items // ============================================================================ function MobileBottomNav({ active }: { active: string }) { @@ -64,32 +66,27 @@ function MobileBottomNav({ active }: { active: string }) { { id: 'market', label: 'Market', icon: Gavel, href: '/terminal/market' }, { id: 'watchlist', label: 'Watch', icon: Eye, href: '/terminal/watchlist' }, { id: 'intel', label: 'Intel', icon: BarChart3, href: '/terminal/intel' }, + { id: 'more', label: 'More', icon: Settings, href: '/terminal/settings' }, ] return ( -