parent
838e3323ce
commit
c520fb2490
1 changed files with 10 additions and 8 deletions
|
@ -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">
|
||||||
|
<div class="mb-3 flex items-center justify-between">
|
||||||
<h3 class="text-2xl" id="modal-title">
|
<h3 class="text-2xl" id="modal-title">
|
||||||
<slot name="title" />
|
<slot name="title" />
|
||||||
</h3>
|
</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>
|
||||||
|
|
Loading…
Reference in a new issue