From 7e15fcb3776b2034cdc25b2472a833e5621ee816 Mon Sep 17 00:00:00 2001
From: empty <let5sne.mac@gmail.com>
Date: Tue, 3 Feb 2026 23:17:19 +0800
Subject: [PATCH] fix(mobile): adjust onboarding tooltip width to prevent
 button wrapping

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 packages/client-mobile/src/components/OnboardingTour.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/client-mobile/src/components/OnboardingTour.vue b/packages/client-mobile/src/components/OnboardingTour.vue
index f0e5e64..7e3cd09 100644
--- a/packages/client-mobile/src/components/OnboardingTour.vue
+++ b/packages/client-mobile/src/components/OnboardingTour.vue
@@ -64,7 +64,7 @@ const tooltipStyle = computed(() => {
   const rect = targetRect.value;
   const gap = 16;
   const margin = 16; // Screen edge margin
-  const tooltipWidth = 300;
+  const tooltipWidth = 320;
   const screenWidth = window.innerWidth;
 
   // Calculate horizontal position with boundary check
@@ -269,7 +269,8 @@ onUnmounted(() => {
 
 .tooltip {
   position: fixed;
-  max-width: 300px;
+  min-width: 280px;
+  max-width: 320px;
   background: #fff;
   border-radius: 12px;
   box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
@@ -372,6 +373,8 @@ onUnmounted(() => {
   display: flex;
   align-items: center;
   gap: 12px;
+  flex-shrink: 0;
+  white-space: nowrap;
 }
 
 .btn-skip {