fix: style

isd-sgcu · Sep 10, 2024 · d929a33 · d929a33
1 parent a19817b
commit d929a33
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/lib/components/Playground.svelte b/src/lib/components/Playground.svelte
@@ -115,6 +115,7 @@
 				<Button color="black">Default Black</Button>
 				<Button color="white">Default White</Button>
 				<Button variant="outline">Default Outline</Button>
+				<Button class="bg-amber-700 text-white rounded-2xl">Custom Css</Button>
 			</div>
 			<div class="flex flex-col items-center gap-2">
 				<h4>Large</h4>
@@ -129,7 +130,7 @@
 	<!-- TabCapsule.svelte -->
 	<section class="section">
 		<h2 class="font-bold text-2xl mb-4">Capsule Tabs</h2>
-		<div class="flex items-center gap-2">
+		<div class="flex flex-wrap items-center gap-2">
 			{#each tabs as tab, i}
 				<TabCapsuleItem active={tab.active} label={tab.label} onClick={() => toggle(i)} />
 			{/each}