public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Some updates to dialog example

Browse Source
This commit is contained in:
Ryan Gossiaux
2021-12-13 21:57:53 -08:00
parent a4e55d7167
commit 092fdd595d
2 changed files with 58 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/routes/dialog/Nested.svelte
View File

@@ -10,25 +10,25 @@
<DialogOverlay class="fixed inset-0 bg-gray-500 opacity-25" />
<div
class="z-10 fixed left-12 top-24 bg-white w-96 p-4 transform"
style={`translate(calc(50px * ${level}), calc(50px * ${level}))`}
style={`transform: translate(calc(50px * ${level}), calc(50px * ${level}))`}
>
<p>Level: {level}</p>
<div class="space-x-4">
<button
class="bg-gray-200 px-2 py-1 rounded"
onClick={() => (showChild = true)}
on:click={() => (showChild = true)}
>
Open (1)
</button>
<button
class="bg-gray-200 px-2 py-1 rounded"
onClick={() => (showChild = true)}
on:click={() => (showChild = true)}
>
Open (2)
</button>
<button
class="bg-gray-200 px-2 py-1 rounded"
onClick={() => (showChild = true)}
on:click={() => (showChild = true)}
>
Open (3)
</button>