Adjust sides offset for Switcher and Viewer buttons

2022-06-14 13:23:10 +02:00
parent 2831600f57
commit 3270ad70f0
2 changed files with 6 additions and 7 deletions
--- a/src/style/molecules/_switcher.scss
+++ b/src/style/molecules/_switcher.scss
@@ -9,10 +9,9 @@
    pointer-events: none;

    @include bp (sm) {
-        --offset: 20px;
+        --offset: clamp(20px, 3vw, 40px);
    }
    @include bp (md) {
-        --offset: 40px;
        --button-size: 56px;
    }

--- a/src/style/pages/_viewer.scss
+++ b/src/style/pages/_viewer.scss
@@ -424,14 +424,14 @@

    // Close button
    &__close {
+        --offset: 16px;
        position: fixed !important;
        z-index: 2;
-        top: 16px;
-        right: calc(16px + 44px + 12px);
+        top: var(--offset);
+        right: var(--offset);

-        @include bp (md) {
-            top: 40px;
-            right: 40px;
+        @include bp (sm) {
+            --offset: clamp(20px, 3vw, 40px);
        }

        svg {