Fix BoxCTA internal layout

2021-09-30 23:50:02 +02:00
parent 2aae422339
commit aa36810a3d
6 changed files with 41 additions and 35 deletions
--- a/src/components/atoms/BoxCTA.svelte
+++ b/src/components/atoms/BoxCTA.svelte
@@ -1,14 +1,15 @@
 <script lang="ts">
-    export let image: string
-    export let text: string
+    export let icon: string
+    export let alt: string
+    export let label: string
    export let url: string = undefined
 </script>

 <a href={url} class="box-cta">
-    <div class="box-cta__content">
-        <div class="image">
-            <img src="{image}" alt="">
-        </div>
-        <span class="text-label">{text}</span>
+    <div class="icon">
+        <img src={icon} alt={alt} width={48} height={48} loading="lazy">
    </div>
+    <span class="text-label">
+        {label}
+    </span>
 </a>