UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-07 17:19:53 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

refactor: Update Collapsible component to include dynamic margin for open state

Browse Source
This commit is contained in:
rdavis 2024-07-04 14:55:48 +00:00
parent db58bb5f0f
commit 78ba18a680
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/common/Collapsible.svelte
View File

@ -20,7 +20,7 @@
<button on:click={() => (open = !open)}> <button on:click={() => (open = !open)}>
<slot name="head" /> <slot name="head" />
</button> </button>
<div bind:this={contentElement} class="collapsible-content" style="max-height: {maxHeight};"> <div bind:this={contentElement} class={`collapsible-content ${open ? 'mt-1' : '!mt-0'}`} style="max-height: {maxHeight};">
<slot name="content" /> <slot name="content" />
</div> </div>
</div> </div>
@ -28,7 +28,7 @@
<style> <style>
.collapsible-content { .collapsible-content {
overflow: hidden; overflow: hidden;
transition: max-height 0.3s ease-out; transition: all 0.3s ease-out;
max-height: 0; max-height: 0;
} }
</style> </style>