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 {