fix scrollbars

5 years ago · 0bae87acda
parent 77feccaab2
commit 0bae87acda
1 changed files with 7 additions and 4 deletions
--- a/src/views/Wallet/components/TopNavigationAccount/index.js
+++ b/src/views/Wallet/components/TopNavigationAccount/index.js
@ -20,10 +20,9 @@ const Wrapper = styled.div`
    height: 100%;
    flex: 1;
    align-items: center;
-    justify-content: space-between;
    padding: 0px 30px 0 35px;
-    max-width: 600px;
-    overflow-x: scroll;
+    overflow-y: hidden;
+    overflow-x: auto;
 `;

 const StyledNavLink = styled(NavLink)`
@ -31,8 +30,12 @@ const StyledNavLink = styled(NavLink)`
    font-size: ${FONT_SIZE.TOP_MENU};
    color: ${colors.TEXT_SECONDARY};
    margin: 0px 4px;
-    padding: 20px;
+    padding: 20px 35px;
    white-space: nowrap;
+
+    @media screen and (max-width: 850px){
+        padding: 20px; 
+    }
    
    &.active,
    &:hover {