From 29c8bcd14578247878b9639e19679fe9313c29d9 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Fri, 4 Apr 2025 13:55:29 +0700 Subject: [PATCH] fix images in comment atachments was having wrong height --- .../components/CommentImageGrid/styles.module.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentImageGrid/styles.module.scss b/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentImageGrid/styles.module.scss index de654b99..3a45aad6 100644 --- a/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentImageGrid/styles.module.scss +++ b/src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentImageGrid/styles.module.scss @@ -7,7 +7,7 @@ &.multiple { // Desktop devices - @include flexbin(25vh, $flexbin-space); + @include flexbin(300px, $flexbin-space); // Tablet devices @media (max-width: $flexbin-tablet-max) { @@ -22,13 +22,16 @@ } .image { - max-height: 500px; + max-height: 300px; border-radius: $radius; max-width: 100%; .multiple & { - max-height: 250px; - max-inline-size: 250px; + // both of that were 250px, + // if you know why it should be like this, tell me + // it messes up with the flexbin above + max-height: 300px; + max-inline-size: 300px; } }