Fix links not working in some components
This commit is contained in:
parent
f6f2e3f63a
commit
cc18b990e7
|
@ -1,7 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
import { getContext } from "svelte"
|
import { getContext } from "svelte"
|
||||||
|
|
||||||
const { styleable } = getContext("sdk")
|
const { styleable, linkable } = getContext("sdk")
|
||||||
const component = getContext("component")
|
const component = getContext("component")
|
||||||
|
|
||||||
export const className = ""
|
export const className = ""
|
||||||
|
@ -41,6 +41,7 @@
|
||||||
<footer>
|
<footer>
|
||||||
<p class="subtext">{subtext}</p>
|
<p class="subtext">{subtext}</p>
|
||||||
<a
|
<a
|
||||||
|
use:linkable
|
||||||
style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
|
style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
|
||||||
href={linkUrl || "/"}>{linkText}</a
|
href={linkUrl || "/"}>{linkText}</a
|
||||||
>
|
>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
import { getContext } from "svelte"
|
import { getContext } from "svelte"
|
||||||
|
|
||||||
const { styleable } = getContext("sdk")
|
const { styleable, linkable } = getContext("sdk")
|
||||||
const component = getContext("component")
|
const component = getContext("component")
|
||||||
|
|
||||||
export let imageUrl = ""
|
export let imageUrl = ""
|
||||||
|
@ -13,7 +13,7 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="container" use:styleable={$component.styles}>
|
<div class="container" use:styleable={$component.styles}>
|
||||||
<a href={destinationUrl}>
|
<a use:linkable href={destinationUrl}>
|
||||||
<div class="stackedlist">
|
<div class="stackedlist">
|
||||||
{#if showImage}
|
{#if showImage}
|
||||||
<div class="image-block">
|
<div class="image-block">
|
||||||
|
|
Loading…
Reference in New Issue