You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
779 B
38 lines
779 B
<script lang="ts">
|
|
import { createEventDispatcher } from "svelte";
|
|
import type { ModalData } from "../stores/modal";
|
|
import modalStore from "../stores/modal";
|
|
|
|
export let open: ModalData = {name: "none"};
|
|
|
|
const dispatch = createEventDispatcher();
|
|
|
|
function handleClick() {
|
|
dispatch("click", {open});
|
|
|
|
if (open.name !== "none") {
|
|
modalStore.set(open);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div on:click={handleClick} class="option"><slot></slot></div>
|
|
|
|
<style>
|
|
div.option {
|
|
display: inline-block;
|
|
font-size: 0.9em;
|
|
padding: 0.125em 0.75ch;
|
|
cursor: pointer;
|
|
color: #aa8822;
|
|
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
}
|
|
|
|
div.option:hover {
|
|
color: #FC1;
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|