From 08e83b12fef49256433f4529a21ca37da00f81eb Mon Sep 17 00:00:00 2001
From: xmanrui <841206367@qq.com>
Date: Tue, 3 Mar 2026 19:42:12 +0800
Subject: [PATCH] fix: adjust bug logo carry start position for mobile viewport

- Detect mobile viewport using media query
- Use centered horizontal position for mobile (logo is in top header)
- Keep original sidebar position for desktop
- Fixes bug carrying animation not working on mobile devices
---
 app/global-bugs-overlay.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/app/global-bugs-overlay.tsx b/app/global-bugs-overlay.tsx
index 3538423..a707e3b 100644
--- a/app/global-bugs-overlay.tsx
+++ b/app/global-bugs-overlay.tsx
@@ -49,9 +49,23 @@ export function GlobalBugsOverlay() {
     const onConfigChanged = () => applyConfig();
     const onLogoDragStart = () => {
       if (!systemRef.current) return;
-      // Sidebar logo anchor (approximate screen space), target off-screen bottom-right.
-      const startX = 58 / BUGS_ZOOM;
-      const startY = 42 / BUGS_ZOOM;
+      // Detect mobile viewport
+      const isMobile = window.matchMedia("(max-width: 767px)").matches;
+
+      // Calculate logo position based on viewport
+      let startX: number;
+      let startY: number;
+
+      if (isMobile) {
+        // Mobile: logo is in top header, centered horizontally
+        startX = (window.innerWidth / 2) / BUGS_ZOOM;
+        startY = 28 / BUGS_ZOOM; // Half of header height (h-14 = 56px)
+      } else {
+        // Desktop: logo is in left sidebar
+        startX = 58 / BUGS_ZOOM;
+        startY = 42 / BUGS_ZOOM;
+      }
+
       const targetX = (window.innerWidth + 180) / BUGS_ZOOM;
       const targetY = (window.innerHeight + 160) / BUGS_ZOOM;
       systemRef.current.startLogoCarry(startX, startY, targetX, targetY);