lightweight/webservices-app
Template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

working modals now

Browse source
This commit is contained in:
Dave Lane 2024-10-31 10:52:18 +13:00
parent 10c4734144
commit 8ace7f9d5a
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/components/TechnologyTile.svelte
View file

@ -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>