Viewer: Fix Carousel elements positioning

2020-03-31 20:02:27 +02:00
parent 88186f479c
commit b00fbd031e
1 changed files with 8 additions and 8 deletions
--- a/src/style/pages/_viewer.scss
+++ b/src/style/pages/_viewer.scss
@@ -77,7 +77,7 @@
        }
        // Landscape
        @media screen and (max-width: $screen-lg) and (orientation: landscape) {
-            width: 60%;
+            width: 95%;
        }

        // Gallery
@@ -138,22 +138,22 @@
            left: 0;
            top: -28vw;
            width: 100%;
-            height: 42vw;
-            max-height: 232px;
+            height: 40vw;
            overflow: hidden;

            @include breakpoint (sm) {
                top: auto;
-                right: 176px;
+                right: 8vw;
                left: auto;
-                // bottom: -240px;
+                bottom: -14.5vw;
                width: auto;
-                font-size: rem(240px);
+                height: 16.8vw;
+                font-size: 21vw;
                text-align: right;
            }
            @include breakpoint (md) {
-                // bottom: -288px;
-                bottom: -160px;
+                bottom: -180px;
+                height: 232px;
                font-size: rem(300px);
            }
        }