mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-20 20:33:02 +00:00
refactor: remove useless div tag
This commit is contained in:
parent
e2c980e23a
commit
00e1ed69c6
1 changed files with 33 additions and 35 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue