forkless/mermaid-live-editor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Pointer

Browse Source
This commit is contained in:
Sidharth Vinod
2021-05-17 01:53:51 +05:30
parent 4d87a5bb0f
commit efdbf51598
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/card/tabs.svelte
+5 -6
View File
@@ -15,7 +15,7 @@
}; };
</script> </script>
<div class="flex"> <div class="flex cursor-default">
<span class="text-white mr-2" on:click|stopPropagation={() => (isOpen = !isOpen)}> <span class="text-white mr-2" on:click|stopPropagation={() => (isOpen = !isOpen)}>
{#if isCloseable} {#if isCloseable}
<svg <svg
@@ -44,16 +44,15 @@
<ul class="flex list-none flex-wrap flex-row" transition:fade> <ul class="flex list-none flex-wrap flex-row" transition:fade>
{#each tabs as tab} {#each tabs as tab}
<li class="mr-2 last:mr-0 flex-auto text-center"> <li class="mr-2 last:mr-0 flex-auto text-center">
<!-- svelte-ignore a11y-missing-attribute --> <div
<a class="text cursor-pointer font-bold min-w-16 w-auto px-2 py-1 -mb-4 rounded-t block leading-normal {activeTabID ===
class="text font-bold min-w-16 w-auto px-2 py-1 -mb-4 rounded-t block leading-normal {activeTabID ===
tab.id tab.id
? 'text-blue-500 bg-white border-white' ? 'text-blue-500 bg-white border-white'
: 'text-white bg-blue-500 border-blue-500'}" : 'text-white bg-blue-500 border-blue-500'}"
on:click={() => toggleTabs(tab)} on:click|stopPropagation={() => toggleTabs(tab)}
> >
{tab.title} {tab.title}
</a> </div>
</li> </li>
{/each} {/each}
</ul> </ul>