🔥 Use Directus Storage Assets Presets only for images

Block the generation of other image sizes from the URL TODO: Block the access to root asset url as it still displays the original file
2021-10-17 22:17:52 +02:00
parent 56857fe30d
commit f29b4c3bb0
10 changed files with 103 additions and 47 deletions
--- a/src/components/organisms/Shop.svelte
+++ b/src/components/organisms/Shop.svelte
@@ -14,7 +14,15 @@
 <div class="shop shadow-box-dark">
    <div class="content">
        <div class="shop__image">
-            <Image id={shop.module_image.id} alt={shop.module_image.title} width={800} height={800} />
+            <Image
+                id={shop.module_image.id}
+                sizeKey="square"
+                sizes={{
+                    small: { width: 400, height: 400 },
+                    large: { width: 800, height: 800 },
+                }}
+                alt={shop.module_image.title}
+            />
        </div>

        <div class="shop__content">