diff --git a/src/lib/components/subtitled-image.svelte b/src/lib/components/subtitled-image.svelte index 7e47b28..04c52a5 100644 --- a/src/lib/components/subtitled-image.svelte +++ b/src/lib/components/subtitled-image.svelte @@ -9,6 +9,7 @@ alignment, video, pixelated, + smaller, }: { image: string; altText?: string; @@ -16,6 +17,7 @@ alignment?: string; video?: boolean; pixelated?: boolean; + smaller?: boolean; } = $props(); @@ -39,18 +41,37 @@ {/if} {/snippet} + {#if alignment && alignment == "left"} - - {@render subtitledImageContent()} - + {#if smaller} + + {@render subtitledImageContent()} + + {:else} + + {@render subtitledImageContent()} + + {/if} {:else if alignment && alignment == "right"} - - {@render subtitledImageContent()} - + {#if smaller} + + {@render subtitledImageContent()} + + {:else} + + {@render subtitledImageContent()} + + {/if} {:else} - - {@render subtitledImageContent()} - + {#if smaller} + + {@render subtitledImageContent()} + + {:else} + + {@render subtitledImageContent()} + + {/if} {/if}