From 369bcc789910c09509e56aa8e3492851f102cf82 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Thu, 25 Mar 2021 01:36:34 +0100
Subject: [PATCH] feat: :lipstick: shrink images on desktop

---
 src/components/Figure.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/Figure.vue b/src/components/Figure.vue
index 51f4444..5ef14e5 100644
--- a/src/components/Figure.vue
+++ b/src/components/Figure.vue
@@ -18,18 +18,16 @@ export default {};
 
 .figure {
   margin: 1em auto;
-
-  @include mq-desktop {
-    max-width: 70em;
-  }
-
-  &__meta {
-    text-align: center;
-  }
+  text-align: center;
 
   img {
-    display: block;
     width: 100%;
+    object-fit: contain;
+
+    @include mq-desktop {
+      max-width: 70em;
+      max-height: 80vh;
+    }
   }
 
   label,