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

added srcsets to images for comments

Browse source
This commit is contained in:
Fedor Katurov 2022-12-08 15:35:35 +06:00
parent 02763fb8d4
commit f55665c981
4 changed files with 80 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/components/comment/CommentImageGrid/styles.module.scss Normal file
View file

@ -0,0 +1,32 @@
@import 'src/styles/variables';
@import '~flexbin/flexbin';
.images {
cursor: pointer;
&.multiple {
// Desktop devices
@include flexbin(25vh, $flexbin-space);
// Tablet devices
@media (max-width: $flexbin-tablet-max) {
@include flexbin($flexbin-row-height-tablet, $flexbin-space-tablet);
}
// Phone devices
@media (max-width: $flexbin-phone-max) {
@include flexbin($flexbin-row-height-phone, $flexbin-space-phone);
}
}
}
.image {
max-height: 400px;
border-radius: $radius;
max-width: 100%;
.multiple & {
max-height: 250px;
max-inline-size: 250px;
}
}