diff --git a/web/app/src/EditPostPanel.svelte b/web/app/src/EditPostPanel.svelte index 17d0a30..392a618 100644 --- a/web/app/src/EditPostPanel.svelte +++ b/web/app/src/EditPostPanel.svelte @@ -56,7 +56,7 @@ Original:
- Image + Image
diff --git a/web/app/src/ViewPostPanel.svelte b/web/app/src/ViewPostPanel.svelte index a36da9e..c153cbc 100644 --- a/web/app/src/ViewPostPanel.svelte +++ b/web/app/src/ViewPostPanel.svelte @@ -26,7 +26,7 @@ Original:
- Image + Image
diff --git a/web/app/src/routes/Post.svelte b/web/app/src/routes/Post.svelte index 845a84c..47a3593 100644 --- a/web/app/src/routes/Post.svelte +++ b/web/app/src/routes/Post.svelte @@ -40,6 +40,13 @@ const toggleEditMenu = () => { editMenuShown = !editMenuShown; }; + + let imagePercentage = "0%"; + + $: { + if (post) + imagePercentage = ((1000 * 100) / post.width).toFixed(0) + "%"; + } {#if post} @@ -82,8 +89,10 @@
{#if post.width > 1000}
- The image has been resized due to size. The original - image link is in the sidebar + Resized to {imagePercentage} of the original image. + View original
{post.id} @@ -97,5 +106,4 @@
- {/if}