From e7fd84bd4e8637e34eb0a59e97fd9c49875f8776 Mon Sep 17 00:00:00 2001
From: MAZE <remvze@proton.me>
Date: Wed, 28 Feb 2024 22:54:54 +0330
Subject: [PATCH] style: change position for toolbar

---
 src/components/menu/menu.module.css                   | 6 +++++-
 src/components/scroll-to-top/scroll-to-top.module.css | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/menu/menu.module.css b/src/components/menu/menu.module.css
index 99b54eb..cd82cf9 100644
--- a/src/components/menu/menu.module.css
+++ b/src/components/menu/menu.module.css
@@ -1,9 +1,13 @@
 .wrapper {
   position: fixed;
-  right: 20px;
+  right: calc(50vw - 400px);
   bottom: 20px;
   z-index: 15;
 
+  @media (width <= 850px) {
+    right: 5vw;
+  }
+
   & .menuButton {
     display: flex;
     align-items: center;
diff --git a/src/components/scroll-to-top/scroll-to-top.module.css b/src/components/scroll-to-top/scroll-to-top.module.css
index e57fde6..b134691 100644
--- a/src/components/scroll-to-top/scroll-to-top.module.css
+++ b/src/components/scroll-to-top/scroll-to-top.module.css
@@ -1,7 +1,7 @@
 .button {
   position: fixed;
   bottom: 20px;
-  left: 20px;
+  left: calc(50vw - 400px);
   z-index: 10;
   display: flex;
   align-items: center;
@@ -16,6 +16,10 @@
   border-radius: 50%;
   transition: 0.2s;
 
+  @media (width <= 850px) {
+    left: 5vw;
+  }
+
   &:hover {
     background-color: var(--color-neutral-200);
   }