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

bringing Tile up to position in button branch

Browse source
This commit is contained in:
Dave Lane 2024-10-30 17:26:51 +13:00
parent 35151cea11
commit 57e3add9bc
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,7 @@
export let affiliate_colours; export let affiliate_colours;
import { Button, Modal, ModalBody, ModalFooter, Popover } from 'yesvelte'; import { Button, Modal, ModalBody, ModalFooter, Popover } from 'yesvelte';
let showModal = false; let show = false;
const formatter = new Intl.ListFormat('en', { const formatter = new Intl.ListFormat('en', {
style: 'long', style: 'long',
@ -70,7 +70,7 @@
<!-- making a dive act like a button: https://kvack.dev/blog/make-that-div-behave-like-a-button --> <!-- making a dive act like a button: https://kvack.dev/blog/make-that-div-behave-like-a-button -->
<div on:click={() => (showModal = !showModal)} onclick="handleClick()" role="button" tabindex=0 class="tile technology"> <div on:click={() => (show = !show)} onclick="handleClick()" role="button" tabindex=0 class="tile technology">
<div class="links"> <div class="links">
<span class="website"><a href="{technology.website}" title="Project site for {technology.name}">P</a></span> <span class="website"><a href="{technology.website}" title="Project site for {technology.name}">P</a></span>
{#if technology.repository}<span class="repository"><a {#if technology.repository}<span class="repository"><a
@ -104,10 +104,13 @@
{/if} {/if}
</div> </div>
<Modal title="{technology.name}" bind:showModal> <Modal title="{technology.name}" bind:show dismissible>
<ModalBody> <ModalBody>
Modal stuff... Modal stuff...
</ModalBody> </ModalBody>
<ModalFooter>
<Button></Button>
</ModalFooter>
</Modal> </Modal>
<style> <style>