From 8047da384035a4f25d7c187351924c04402fd649 Mon Sep 17 00:00:00 2001
From: icy <icyoung520@gmail.com>
Date: Thu, 6 Nov 2025 18:18:04 +0800
Subject: [PATCH] ui: enlarge NOFX watermark overlays

---
 web/src/components/ComparisonChart.tsx | 14 ++++++++++----
 web/src/components/EquityChart.tsx     | 14 ++++++++++----
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/web/src/components/ComparisonChart.tsx b/web/src/components/ComparisonChart.tsx
index dc81c9cf..9789517d 100644
--- a/web/src/components/ComparisonChart.tsx
+++ b/web/src/components/ComparisonChart.tsx
@@ -269,14 +269,20 @@ export function ComparisonChart({ traders }: ComparisonChartProps) {
         <div
           style={{
             position: 'absolute',
-            top: '20px',
-            right: '20px',
-            fontSize: '24px',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            width: '80%',
+            fontSize: 'min(20vw, 160px)',
             fontWeight: 'bold',
-            color: 'rgba(240, 185, 11, 0.15)',
+            color: 'rgba(240, 185, 11, 0.12)',
             zIndex: 10,
             pointerEvents: 'none',
             fontFamily: 'monospace',
+            textAlign: 'center',
+            letterSpacing: '0.4rem',
+            lineHeight: 1,
+            userSelect: 'none',
           }}
         >
           NOFX
diff --git a/web/src/components/EquityChart.tsx b/web/src/components/EquityChart.tsx
index 46ce49b0..4c547c1d 100644
--- a/web/src/components/EquityChart.tsx
+++ b/web/src/components/EquityChart.tsx
@@ -296,14 +296,20 @@ export function EquityChart({ traderId }: EquityChartProps) {
         <div
           style={{
             position: 'absolute',
-            top: '15px',
-            right: '15px',
-            fontSize: '20px',
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            width: '80%',
+            fontSize: 'min(20vw, 160px)',
             fontWeight: 'bold',
-            color: 'rgba(240, 185, 11, 0.15)',
+            color: 'rgba(240, 185, 11, 0.12)',
             zIndex: 10,
             pointerEvents: 'none',
             fontFamily: 'monospace',
+            textAlign: 'center',
+            letterSpacing: '0.4rem',
+            lineHeight: 1,
+            userSelect: 'none',
           }}
         >
           NOFX