let5see/company-celebration
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): adjust onboarding tooltip width to prevent button wrapping

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
empty
2026-02-03 23:17:19 +08:00
parent 655f77ec3e
commit 7e15fcb377
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/client-mobile/src/components/OnboardingTour.vue
View File

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