feat: improve tab-slider demos

shuriken-ui · Dec 10, 2023 · a764d68 · a764d68
1 parent 83ff154
commit a764d68
Showing 1 changed file with 10 additions and 10 deletions.
diff --git 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>