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 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 {