diff --git a/src/components/Icon.svelte b/src/components/Icon.svelte index a902b22..70c21bb 100644 --- a/src/components/Icon.svelte +++ b/src/components/Icon.svelte @@ -37,6 +37,8 @@ this={tabler[`Icon${name}`]} {color} strokeWidth={stroke} /> + {:else if name === 'none'} + {/if} {/if} @@ -52,4 +54,13 @@ width: 100%; height: auto; } + .icon.is-block { + display: block; + width: 100%; + height: 100%; + svg { + width: 100%; + height: 100%; + } + } diff --git a/src/components/NFT.svelte b/src/components/NFT.svelte index b689c7a..0960d7f 100644 --- a/src/components/NFT.svelte +++ b/src/components/NFT.svelte @@ -37,8 +37,6 @@ import QR from '$components/QR.svelte' import ClipboardCopy from '$components/tools/ClipboardCopy.svelte' import Icon from '$components/Icon.svelte' - //import { default as qrcode } from '$icons/qrcode.svelte' - import * as icons from '$icons/index.js' export let address export let tokenId @@ -282,13 +280,14 @@ )}px; line-height: {Math.floor((4 / 32) * $ticketWidth)}px"> {nft.redeemed ? 'Stub' : 'Ticket'} #{tokenId} -
- -
{#if channel.icon}
{channel.label}
+ {:else} +
+ +
{/if}
{:else} - +

disabled

{/if}