Add remove group, format

This commit is contained in:
Jon Staab
2024-08-16 10:50:38 -07:00
parent 437cfa7bc4
commit bd8fcd3264
51 changed files with 800 additions and 435 deletions
+16 -12
View File
@@ -2,22 +2,22 @@
import {emitter} from "@app/modal"
const modalHeight = tweened(0, {
duration: 700,
easing: quintOut
})
duration: 700,
easing: quintOut,
})
emitter.on('close', () => modalHeight.set(0))
emitter.on("close", () => modalHeight.set(0))
</script>
<script lang="ts">
import {onMount} from 'svelte'
import {slide} from 'svelte/transition'
import {quintOut} from 'svelte/easing'
import {tweened} from 'svelte/motion'
import {last} from '@welshman/lib'
import {onMount} from "svelte"
import {slide} from "svelte/transition"
import {quintOut} from "svelte/easing"
import {tweened} from "svelte/motion"
import {last} from "@welshman/lib"
export let component
export let props = {}
export let component
export let props = {}
let box: HTMLElement
let content: HTMLElement
@@ -29,7 +29,11 @@
})
</script>
<div class="modal-box" bind:this={box} style={`height: ${$modalHeight}px`} class:overflow-hidden={$modalHeight !== naturalHeight}>
<div
class="modal-box"
bind:this={box}
style={`height: ${$modalHeight}px`}
class:overflow-hidden={$modalHeight !== naturalHeight}>
<div bind:this={content}>
<svelte:component this={component} {...props} />
</div>