From 02763fb8d41182c2c1c2e810969ce39fbc8a17e3 Mon Sep 17 00:00:00 2001 From: Fedor Katurov Date: Wed, 7 Dec 2022 16:33:39 +0600 Subject: [PATCH] fixed aspect ratio calculation for lab nodes --- .../node/NodeImageSwiperBlock/styles.module.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/components/node/NodeImageSwiperBlock/styles.module.scss b/src/components/node/NodeImageSwiperBlock/styles.module.scss index 0b2a3506..58d023ac 100644 --- a/src/components/node/NodeImageSwiperBlock/styles.module.scss +++ b/src/components/node/NodeImageSwiperBlock/styles.module.scss @@ -117,7 +117,8 @@ } .image { - max-inline-size: min(calc(100vh - 70px - 70px), 100vw); + max-inline-size: calc(100vh - 150px); + writing-mode: vertical-rl; block-size: auto; border-radius: $radius; transition: box-shadow 1s; @@ -133,7 +134,9 @@ max-height: 100vh; border-radius: 0; } -} -.loader { + @media (orientation: portrait) { + max-inline-size: 100vw; + writing-mode: horizontal-tb; + } }