Improve ImageViewer styles

2021-07-06 03:03:05 -04:00
parent de05fad9f4
commit 002d565b3f
2 changed files with 25 additions and 4 deletions
--- a/src/context/intermediate/popovers/ImageViewer.module.scss
+++ b/src/context/intermediate/popovers/ImageViewer.module.scss
@@ -1,6 +1,16 @@
 .viewer {
+    display: flex;
+    flex-direction: column;
+    border-end-end-radius: 4px;
+    border-end-start-radius: 4px;
+    overflow: hidden;
+
    img {
+        width: auto;
+        height: auto;
        max-width: 90vw;
-        max-height: 90vh;
+        max-height: 75vh;
+        border-bottom: thin solid var(--tertiary-foreground);
+        object-fit: contain;
    }
 }