working modals now
This commit is contained in:
parent
0052c00f03
commit
b5cdfa0a09
1 changed files with 3 additions and 3 deletions
|
@ -2,7 +2,7 @@
|
|||
// a 'technology' object
|
||||
export let technology;
|
||||
export let affiliate_colours;
|
||||
import { Modal, ModalBody, ModalFooter, Popover } from 'yesvelte';
|
||||
import { Button, ButtonGroup, El, Modal, ModalBody, ModalFooter, Popover } from 'yesvelte';
|
||||
|
||||
let show = false;
|
||||
|
||||
|
@ -41,7 +41,7 @@
|
|||
|
||||
<!-- making a dive act like a button: https://kvack.dev/blog/make-that-div-behave-like-a-button -->
|
||||
|
||||
<button on:click={() => (show = !show)} tabindex=0 class="tile technology">
|
||||
<El on:click={() => (show = !show)} tabindex=0 class="tile technology">
|
||||
<h2>{technology.name}</h2>
|
||||
<div class="links">
|
||||
<span class="website"><a href="{technology.website}" title="Project site for {technology.name}">P</a></span>
|
||||
|
@ -76,7 +76,7 @@
|
|||
{:else}
|
||||
<div class="instances">Nothing here yet...</div>
|
||||
{/if}
|
||||
</button>
|
||||
</El>
|
||||
|
||||
<Modal title="{technology.name}" bind:show dismissible>
|
||||
<ModalBody>
|
||||
|
|
Loading…
Reference in a new issue