modal: close button

fixes #28
This commit is contained in:
Cat /dev/Nulo 2023-08-31 09:53:50 -03:00
parent 838e3323ce
commit c520fb2490

View file

@ -1,4 +1,6 @@
<script lang="ts"> <script lang="ts">
import CloseIcon from "eva-icons/fill/svg/close.svg";
export let onClose: () => void; export let onClose: () => void;
function click(this: Element, event: Event) { function click(this: Element, event: Event) {
@ -22,9 +24,14 @@
<div class="content-alignment" on:click={click} on:keydown={keydown}> <div class="content-alignment" on:click={click} on:keydown={keydown}>
<div class="content shadow-xl"> <div class="content shadow-xl">
<h3 class="text-2xl" id="modal-title"> <div class="mb-3 flex items-center justify-between">
<slot name="title" /> <h3 class="text-2xl" id="modal-title">
</h3> <slot name="title" />
</h3>
<button on:click={onClose}
><CloseIcon class="h-10 w-10 fill-current" /></button
>
</div>
<slot /> <slot />
<!--<div <!--<div
class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"
@ -128,9 +135,4 @@
padding: 16px 20px; padding: 16px 20px;
border-radius: 16px; border-radius: 16px;
} }
h3 {
margin: 0;
margin-bottom: 12px;
}
</style> </style>