fix RPC layout

galacticcouncil · Jun 20, 2024 · 6595185 · 6595185
1 parent ad47138
commit 6595185
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/components/Layout/Page/Page.styled.ts b/src/components/Layout/Page/Page.styled.ts
@@ -19,7 +19,9 @@ export const SPage = styled.div`
     --nav-height: 70px;
 
     overflow-y: auto;
+  }
 
+  @media ${theme.viewport.gte.md} {
     height: 100vh;
   }
 `

diff --git a/src/sections/provider/components/ProviderSelectButton/ProviderSelectButton.styled.ts b/src/sections/provider/components/ProviderSelectButton/ProviderSelectButton.styled.ts
@@ -12,19 +12,19 @@ export const SContainer = styled.div`
 
   padding-bottom: calc(80px + env(safe-area-inset-bottom));
 
-  @media ${theme.viewport.gte.md} {
-    position: fixed;
-    bottom: 16px;
-    right: 20px;
-
-    margin: 0;
-  }
-
   @media ${theme.viewport.gte.sm} {
     margin-left: auto;
     margin-right: 20px;
     right: 0px;
     bottom: 16px;
+    padding-bottom: calc(20px + env(safe-area-inset-bottom));
+  }
+
+  @media ${theme.viewport.gte.md} {
+    position: fixed;
+    bottom: 16px;
+    right: 20px;
+    margin: 0;
     padding-bottom: 0;
   }
 `