From a764d68f8c0aaa7b07b8625d95c21bf828472012 Mon Sep 17 00:00:00 2001
From: Driss Chelouati <driss.chelouati@gmail.com>
Date: Sun, 10 Dec 2023 16:18:55 +0100
Subject: [PATCH] feat: improve tab-slider demos

---
 .../components/tab-slider/tab-slider.doc.mdx  | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/plugins/components/tab-slider/tab-slider.doc.mdx b/src/plugins/components/tab-slider/tab-slider.doc.mdx
index 58b00e9..6da23c3 100644
--- a/src/plugins/components/tab-slider/tab-slider.doc.mdx
+++ b/src/plugins/components/tab-slider/tab-slider.doc.mdx
@@ -22,7 +22,7 @@ Tab sliders allow you to seaparate your content in different togglable areas.
 
 Tab sliders can have different shapes. Below is an example of the straight shape.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.ShapeStraight} />
 </div>
 
@@ -32,7 +32,7 @@ Tab sliders can have different shapes. Below is an example of the straight shape
 
 Tab sliders can have different shapes. Below is an example of the rounded shape.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.ShapeRounded} />
 </div>
 
@@ -42,7 +42,7 @@ Tab sliders can have different shapes. Below is an example of the rounded shape.
 
 Tab sliders can have different shapes. Below is an example of the smooth shape.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.ShapeSmooth} />
 </div>
 
@@ -52,7 +52,7 @@ Tab sliders can have different shapes. Below is an example of the smooth shape.
 
 Tab sliders can have different shapes. Below is an example of the curved shape.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.ShapeCurved} />
 </div>
 
@@ -62,7 +62,7 @@ Tab sliders can have different shapes. Below is an example of the curved shape.
 
 Tab sliders can have different shapes. Below is an example of the full shape.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.ShapeFull} />
 </div>
 
@@ -72,7 +72,7 @@ Tab sliders can have different shapes. Below is an example of the full shape.
 
 Tab sliders can have different alignment. Below is an example of the start alignment.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.Start} />
 </div>
 
@@ -82,7 +82,7 @@ Tab sliders can have different alignment. Below is an example of the start align
 
 Tab sliders can have different alignment. Below is an example of the center alignment.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.Center} />
 </div>
 
@@ -92,7 +92,7 @@ Tab sliders can have different alignment. Below is an example of the center alig
 
 Tab sliders can have different alignment. Below is an example of the end alignment.
 
-<div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+<div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
   <Story of={TabSliderStories.End} />
 </div>
 
@@ -103,10 +103,10 @@ Tab sliders can have different alignment. Below is an example of the end alignme
 Tab sliders can have different sizes. Below is an example of the small size.
 
 <div className="space-y-4">
-  <div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+  <div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
     <Story of={TabSliderStories.SizeSm} />
   </div>
-  <div className="flex items-end gap-2 border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
+  <div className="border border-muted-200 dark:border-muted-800 bg-white dark:bg-slate-900 p-6 rounded-sm">
     <Story of={TabSliderStories.SizeSmFull} />
   </div>
 </div>