Merge pull request #4386 from CrocSwap/fix-modal-issue-768

fix modal layout in dropdown menu and modal
CrocSwap · Nov 25, 2024 · 20df3c0 · 20df3c0
2 parents 7a622b9 + 92d48e8
commit 20df3c0
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/App/components/PageHeader/NetworkSelector/NetworkSelector.module.css b/src/App/components/PageHeader/NetworkSelector/NetworkSelector.module.css
@@ -15,6 +15,8 @@
     padding: 12px;
     overflow: hidden;
     z-index: 999;
+
+
 }
 
 .menuContent ul,
@@ -61,7 +63,7 @@
     border-radius: var(--border-radius);
 }
 
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 769px) {
     .dropdownMenuContainer {
         border-radius: var(--border-radius);
         width: auto;
@@ -74,4 +76,4 @@
         border-radius: var(--border-radius);
         border: 1px solid var(--accent1);
     }
-}
+}
diff --git a/src/components/Global/DropdownMenu2/DropdownMenu2.module.css b/src/components/Global/DropdownMenu2/DropdownMenu2.module.css
@@ -14,6 +14,7 @@ fullWidth */
     border-right: 4px solid transparent;
     transition: 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045);
     z-index: 999;
+
 }
 
 .menuItem {
@@ -26,6 +27,7 @@ fullWidth */
     width: 100%;
     display: flex;
     flex-direction: column;
+
 }
 .iconContainer {
     display: flex;
@@ -35,10 +37,11 @@ fullWidth */
 .iconContainer img {
     margin-right: 0.5em;
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 769px) {
     .menuContainer {
         position: absolute;
         z-index: 999;
+
     }
 }
 

diff --git a/src/components/Global/Modal/Modal.module.css b/src/components/Global/Modal/Modal.module.css
@@ -46,9 +46,9 @@
     border-radius: var(--border-radius);
     overflow: hidden;
     position: relative;
-    /* max-height: 80vh; */
+
     color: var(--text1);
-    /* min-height: 80vh; */
+
 }
 
 .no_background_modal {