fix: revise the title to include line breaks in both Chinese and English

James-9696 · James-9696 · commit 6ef887296959 · 2025-02-20T00:07:04.000-08:00
diff --git a/packages/vue/src/calendar-view/src/mobile-first.vue b/packages/vue/src/calendar-view/src/mobile-first.vue
@@ -292,7 +292,7 @@
                 :key="idx"
                 class="py-1.5 h-auto border border-color-border-separator rounded mb-2 shadow-sm"
               >
-                <div class="px-1.5 mb-1.5 border-l-2 border-color-brand">{{ event.title }}</div>
+                <div class="px-1.5 mb-1.5 border-l-2 border-color-brand break-all">{{ event.title }}</div>
                 <div class="mb-1.5 px-2 text-color-text-placeholder">
                   {{ getEventShowTime('start', event, date.value) }} - {{ getEventShowTime('end', event, date.value) }}
                 </div>

Original file line number	Diff line number	Diff line change
`@@ -292,7 +292,7 @@`
`292`	`292`	`:key="idx"`
`293`	`293`	`class="py-1.5 h-auto border border-color-border-separator rounded mb-2 shadow-sm"`
`294`	`294`	`>`
`295`		`- <div class="px-1.5 mb-1.5 border-l-2 border-color-brand">{{ event.title }}</div>`
	`295`	`+ <div class="px-1.5 mb-1.5 border-l-2 border-color-brand break-all">{{ event.title }}</div>`
`296`	`296`	`<div class="mb-1.5 px-2 text-color-text-placeholder">`
`297`	`297`	`{{ getEventShowTime('start', event, date.value) }} - {{ getEventShowTime('end', event, date.value) }}`
`298`	`298`	`</div>`