From 51257b6ef43b04fbbd8e3f088609df148f4ed98c Mon Sep 17 00:00:00 2001
From: Carlana Johnson <mail@carlana.net>
Date: Thu, 13 Jun 2024 10:49:50 -0400
Subject: [PATCH] ViewNewsPage: Add mobile image preview

---
 src/components/ViewNewsPage.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/ViewNewsPage.vue b/src/components/ViewNewsPage.vue
index c09a435a..f3efd96f 100644
--- a/src/components/ViewNewsPage.vue
+++ b/src/components/ViewNewsPage.vue
@@ -341,6 +341,22 @@ export default {
           </picture>
           <p class="has-text-centered">16 x 9</p>
         </div>
+        <div class="ml-5">
+          <picture class="has-ratio" style="aspect-ratio: 5/4">
+            <img
+              :src="
+                page.getImagePreviewURL({
+                  width: 400,
+                  height: 500,
+                  gravity: page.imageGravity,
+                })
+              "
+              class="border-thick"
+              width="200"
+            />
+          </picture>
+          <p class="has-text-centered">4 x 5</p>
+        </div>
       </div>
 
       <BulmaField label="Image focus">