fix mobile view styling

Signed-off-by: lakshya <[email protected]>
layer5io · Mar 15, 2024 · 4b9a2e7 · 4b9a2e7
1 parent c5f1c00
commit 4b9a2e7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/SistentNavigation/intra-page.js b/src/components/SistentNavigation/intra-page.js
@@ -4,6 +4,11 @@ import styled from "styled-components";
 
 const JoinCommunityWrapper = styled.div`
   width: 18rem;
+
+  @media screen and (max-width: 750px) {
+    display: none;
+  }
+
   @media screen and (min-width: 751px) and (max-width: 1279px) {
     display: none;
   }

diff --git a/src/sections/Projects/Sistent/sistent.style.js b/src/sections/Projects/Sistent/sistent.style.js
@@ -819,6 +819,7 @@ const SistentWrapper = styled.div`
 
     .code {
       font-size: 0.9rem;
+      overflow: auto;
     }
 
     .size-button {
-Original file line number
+Diff line change
@@ Expand Up / @@ -819,6 +819,7 @@ const SistentWrapper = styled.div` @@
         .code {
           font-size: 0.9rem;
+          overflow: auto;
         }
         .size-button {
@@ Expand Down @@