mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-07 08:02:40 +00:00
context panel transitions
This commit is contained in:
+18
-1
@@ -87,9 +87,26 @@
|
||||
{/if}
|
||||
</div>
|
||||
</div>
|
||||
<div class="py-1 border-b {open ? '' : 'invisible h-0 overflow-hidden'} ">
|
||||
<div class="scale border-b overflow-hidden {open ? 'py-1 scale-y' : 'scale-0 max-h-0'} ">
|
||||
<div class={classNames(nested ? 'border-l ml-2' : '')}>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.scale {
|
||||
transform-origin: top;
|
||||
transition: transform 0.26s ease;
|
||||
}
|
||||
.scale-y {
|
||||
transform: scaleY(1);
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.scale-0 {
|
||||
transform: scaleY(0);
|
||||
overflow: hidden;
|
||||
max-height: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user