From 606269cbd47ec5cf22c6aedcb5e41785a69716f1 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Wed, 18 Jan 2023 13:51:11 +0100
Subject: [PATCH] feat: limit height of images

---
 src/components/RefImage.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/RefImage.vue b/src/components/RefImage.vue
index b17824e..48a5704 100644
--- a/src/components/RefImage.vue
+++ b/src/components/RefImage.vue
@@ -15,6 +15,11 @@
   max-width: var(--refimage-max-width);
   margin: 0 auto;
 
+  &__image,
+  &__caption {
+    flex: 0 0 auto;
+  }
+
   &__image {
     filter: drop-shadow(0.5rem 0.25rem 0.375rem #000);
   }
@@ -24,7 +29,10 @@
   }
 
   img {
+    display: block;
     max-width: 100%;
+    max-height: 100vh;
+    margin: auto;
   }
 }
 </style>