forked from coracle/flotilla
18 lines
484 B
Svelte
18 lines
484 B
Svelte
<script lang="ts">
|
|
import {fade, translate} from "@lib/transition"
|
|
|
|
export let onClose
|
|
</script>
|
|
|
|
<div class="drawer fixed inset-0 z-modal">
|
|
<button
|
|
class="absolute inset-0 cursor-pointer bg-black opacity-50"
|
|
transition:fade
|
|
on:click={onClose} />
|
|
<div
|
|
class="scroll-container saiy sair absolute bottom-0 right-0 top-0 w-80 overflow-auto bg-base-200 text-base-content lg:w-96"
|
|
transition:translate={{axis: "x", duration: 300}}>
|
|
<slot />
|
|
</div>
|
|
</div>
|