forked from coracle/flotilla
Add remove group, format
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user