docs(timeline): improve responsive

2026-01-14 12:14:41 +01:00 · 2025-06-03 18:09:36 +02:00
parent 03b20fdb26
commit 4157260a02
2 changed files with 2 additions and 1 deletions
--- a/docs/app/components/content/examples/timeline/TimelineAlternatingLayoutExample.vue
+++ b/docs/app/components/content/examples/timeline/TimelineAlternatingLayoutExample.vue
@@ -29,6 +29,6 @@ const items: TimelineItem[] = [{
    :items="items"
    :ui="{ item: 'even:flex-row-reverse even:-translate-x-[calc(100%-2rem)] even:text-right' }"
    :default-value="2"
-    class="w-full translate-x-[calc(50%-2rem)]"
+    class="translate-x-[calc(50%-1rem)]"
  />
 </template>
--- a/docs/content/3.components/timeline.md
+++ b/docs/content/3.components/timeline.md
@@ -169,6 +169,7 @@ props:
      description: 'QA testing and performance optimization.'
      icon: 'i-lucide-check-circle'
  class: 'w-full'
+class: 'overflow-x-auto'
 ---
 ::