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

Fix selected UI in tabs-with-pure-tailwind example

Browse Source
This commit is contained in:
Ryan Gossiaux
2021-12-21 11:43:53 -08:00
parent b973fa6fe2
commit 7d413d6e34
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/routes/tabs/tabs-with-pure-tailwind.svelte
View File

@@ -71,14 +71,14 @@
<span>{tab.name}</span> <span>{tab.name}</span>
{#if tab.disabled} {#if tab.disabled}
<small class="inline-block px-4 text-xs">(disabled)</small> <small class="inline-block px-4 text-xs">(disabled)</small>
<span
aria-hidden="true"
class={classNames(
selected ? "bg-indigo-500" : "bg-transparent",
"absolute inset-x-0 bottom-0 h-0.5"
)}
/>
{/if} {/if}
<span
aria-hidden="true"
class={classNames(
selected ? "bg-indigo-500" : "bg-transparent",
"absolute inset-x-0 bottom-0 h-0.5"
)}
/>
</Tab> </Tab>
{/each} {/each}
</TabList> </TabList>