Merge pull request #655 from pycontw/fix/keynote-word-break

Ritabear · web-flow · commit 7d99b606a9d1 · 2025-07-07T21:42:34.000+08:00
fix(tabs): add break-all utility to tab styling for better text handling
diff --git a/components/core/tabs/Tabs.vue b/components/core/tabs/Tabs.vue
@@ -67,7 +67,7 @@ export default {
 }
 
 .tab {
-    @apply inline-block w-full bg-opacity-0 p-4 text-xs text-black-200 md:text-sm;
+    @apply inline-block w-full break-all bg-opacity-0 p-4 text-xs text-black-200 md:text-sm;
     @apply border-t-2 border-solid border-pink-700;
     line-height: 29px;
     font-size: 16px;

Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@ export default {`
`67`	`67`	`}`
`68`	`68`
`69`	`69`	`.tab {`
`70`		`- @apply inline-block w-full bg-opacity-0 p-4 text-xs text-black-200 md:text-sm;`
	`70`	`+ @apply inline-block w-full break-all bg-opacity-0 p-4 text-xs text-black-200 md:text-sm;`
`71`	`71`	`@apply border-t-2 border-solid border-pink-700;`
`72`	`72`	`line-height: 29px;`
`73`	`73`	`font-size: 16px;`