muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 12:26:40 +07:00
Code Packages Activity Actions

fix images in comment atachments was having wrong height
All checks were successful
Build & Publish / Build & Publish (push) Successful in 2m7s
Details

Browse source
This commit is contained in:
Fedor Katurov 2025-04-04 13:55:29 +07:00
parent 4d55906ae8
commit 29c8bcd145
1 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/containers/node/NodeComments/components/Comment/components/CommentContent/components/CommentImageGrid/styles.module.scss
View file

@ -7,7 +7,7 @@
&.multiple { &.multiple {
// Desktop devices // Desktop devices
@include flexbin(25vh, $flexbin-space); @include flexbin(300px, $flexbin-space);
// Tablet devices // Tablet devices
@media (max-width: $flexbin-tablet-max) { @media (max-width: $flexbin-tablet-max) {
@ -22,13 +22,16 @@
} }
.image { .image {
max-height: 500px; max-height: 300px;
border-radius: $radius; border-radius: $radius;
max-width: 100%; max-width: 100%;
.multiple & { .multiple & {
max-height: 250px; // both of that were 250px,
max-inline-size: 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;
} }
} }