Fix popup image sizing

2026-09-29 13:16:27 +00:00 · 2024-12-30 21:28:44 +01:00
parent eb70525934
commit d4bc6b0a00
1 changed files with 11 additions and 1 deletions
@@ -110,6 +110,7 @@ img {
    width: auto;
    height: auto;
    max-width: 100%;
+    max-height: 100%;

    &.left {
        margin-right: auto;
@@ -134,7 +135,7 @@ img {
 figure {
    display: table;
    max-width: 100%;
-    margin: 25px 0;
+    margin: 1em 0;

    img {
        border-radius: 8px;
@@ -145,6 +146,11 @@ figure {
        }
    }

+    picture {
+        max-height: 100%;
+        max-width: 100%;
+    }
+
    &.left {
        margin-right: auto;
    }
@@ -246,6 +252,10 @@ figure {
        background-color: transparentize(darken($dark-background, 5%), 0.08);
        z-index: 10000;

+        picture {
+            max-height: 90%;
+        }
+
        figcaption {
            color: $dark-color;
            font-size: 1.5rem;