From 4157260a02c2baf6911aebe31a97c4cd881d113a Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Tue, 3 Jun 2025 18:09:36 +0200
Subject: [PATCH] docs(timeline): improve responsive

---
 .../examples/timeline/TimelineAlternatingLayoutExample.vue      | 2 +-
 docs/content/3.components/timeline.md                           | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/app/components/content/examples/timeline/TimelineAlternatingLayoutExample.vue b/docs/app/components/content/examples/timeline/TimelineAlternatingLayoutExample.vue
index bd6174fd..c977f36d 100644
--- 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>
diff --git a/docs/content/3.components/timeline.md b/docs/content/3.components/timeline.md
index 85b39155..528cc0c2 100644
--- 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'
 ---
 ::