modal fixing

M-Farmaha · Jan 23, 2024 · 385072c · 385072c
1 parent 4fc2ba5
commit 385072c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Loaders/Loaders-styled.jsx b/src/components/Loaders/Loaders-styled.jsx
@@ -23,7 +23,7 @@ export const LoaderWWrap = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--primary-black-color);
+  color: currentColor;
 `;
 
 export const LoaderSvg = styled.svg`

diff --git a/src/components/Modal/Modal-styled.jsx b/src/components/Modal/Modal-styled.jsx
@@ -58,10 +58,13 @@ export const ModalOverlayMIU = styled(Modal)`
   justify-content: center;
 
   backdrop-filter: blur(10px);
+
+  position: fixed;
 `;
 
 export const ModalWrapMIU = styled(Box)`
-  background-color: var(--primary-white-color);
+  background-color: transparent;
+  color: var(--primary-white-color);
   overflow: hidden;
   box-shadow: var(--box-shadow);
 

diff --git a/src/index.css b/src/index.css
@@ -29,6 +29,7 @@ body {
 
   &.modal-open {
     overflow: hidden;
+    position: fixed;
   }