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:
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:
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
@@ -97,5 +106,4 @@
-
{/if}