refac: playground

2024-10-21 15:24:59 -07:00
parent 39e3afd55d
commit c03cccfd14
10 changed files with 294 additions and 114 deletions
@@ -15,6 +15,8 @@
 	export let buttonClassName = 'w-fit';
 	export let title = null;

+	export let grow = false;
+
 	export let disabled = false;
 	export let hide = false;
 </script>
@@ -60,13 +62,28 @@
 		>
 			<div>
 				<slot />
+
+				{#if grow}
+					{#if open && !hide}
+						<div
+							transition:slide={{ duration: 300, easing: quintOut, axis: 'y' }}
+							on:pointerup={(e) => {
+								e.stopPropagation();
+							}}
+						>
+							<slot name="content" />
+						</div>
+					{/if}
+				{/if}
 			</div>
 		</div>
 	{/if}

-	{#if open && !hide}
-		<div transition:slide={{ duration: 300, easing: quintOut, axis: 'y' }}>
-			<slot name="content" />
-		</div>
+	{#if !grow}
+		{#if open && !hide}
+			<div transition:slide={{ duration: 300, easing: quintOut, axis: 'y' }}>
+				<slot name="content" />
+			</div>
+		{/if}
 	{/if}
 </div>