refactor: remove useless div tag

This commit is contained in:
Eric Liu 2022-03-12 14:09:17 -08:00
commit 00e1ed69c6

View file

@ -54,8 +54,7 @@
}}" }}"
/> />
<div> <button
<button
bind:this="{ref}" bind:this="{ref}"
type="button" type="button"
class:bx--header__action="{true}" class:bx--header__action="{true}"
@ -67,7 +66,7 @@
isOpen = !isOpen; isOpen = !isOpen;
dispatch(isOpen ? 'open' : 'close'); dispatch(isOpen ? 'open' : 'close');
}}" }}"
> >
<svelte:component this="{icon}" style="{isOpen ? 'display: none' : ''}" /> <svelte:component this="{icon}" style="{isOpen ? 'display: none' : ''}" />
<svelte:component <svelte:component
this="{closeIcon}" this="{closeIcon}"
@ -76,8 +75,8 @@
<slot name="text"> <slot name="text">
{#if text}<span>{text}</span>{/if} {#if text}<span>{text}</span>{/if}
</slot> </slot>
</button> </button>
{#if isOpen} {#if isOpen}
<div <div
bind:this="{refPanel}" bind:this="{refPanel}"
class:bx--header-panel="{true}" class:bx--header-panel="{true}"
@ -89,8 +88,7 @@
> >
<slot /> <slot />
</div> </div>
{/if} {/if}
</div>
<style> <style>
.action-text { .action-text {