fix(TabsTrigger): wrap slot content in a span with truncate class for better text handling

2024-08-30 17:21:49 +03:00 · 2024-08-30 17:21:49 +03:00 · 82545d224b
commit 82545d224b
parent 3bf4e4e561
2 changed files with 6 additions and 2 deletions
--- a/apps/www/src/lib/registry/default/ui/tabs/TabsTrigger.vue
+++ b/apps/www/src/lib/registry/default/ui/tabs/TabsTrigger.vue
@ -22,6 +22,8 @@ const forwardedProps = useForwardProps(delegatedProps)
      props.class,
    )"
  >
-    <slot />
+    <span class="truncate">
+      <slot />
+    </span>
  </TabsTrigger>
 </template>
--- a/apps/www/src/lib/registry/new-york/ui/tabs/TabsTrigger.vue
+++ b/apps/www/src/lib/registry/new-york/ui/tabs/TabsTrigger.vue
@ -22,6 +22,8 @@ const forwardedProps = useForwardProps(delegatedProps)
      props.class,
    )"
  >
-    <slot />
+    <span class="truncate">
+      <slot />
+    </span>
  </TabsTrigger>
 </template>