last few mod for Mobile

amosin · Jan 30, 2021 · 112f851 · 112f851
1 parent 684e756
commit 112f851
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png
diff --git a/src/components/Logo/Logo.tsx b/src/components/Logo/Logo.tsx
@@ -8,7 +8,7 @@ const Logo: React.FC = () => {
     <StyledLogo to="/">
       <img src={ativoLogo} height="32" style={{ marginTop: -4 }} />
       <StyledText>
-      Ativo Finance
+      Ativo.Finance
       </StyledText>
     </StyledLogo>
   )
@@ -29,10 +29,12 @@ const StyledText = styled.span`
   color: ${(props) => props.theme.color.grey[600]};
   font-family: 'Reem Kufi', sans-serif;
   font-size: 20px;
+  width: 100%;
   font-weight: 700;
   letter-spacing: 0.03em;
   margin-left: ${(props) => props.theme.spacing[2]}px;
   @media (max-width: 400px) {
+    width: 100%;
     display: none;
   }
 `

diff --git a/src/components/TopBar/TopBar.tsx b/src/components/TopBar/TopBar.tsx
@@ -54,15 +54,15 @@ const TopBar = () => {
               </StyledLogoWrapper>
               <StyledBurgerMenu>
                 <button type="button" onClick={handleMenuClick}>
-                  <StyledSvg viewBox="0 0 24 24">
+                  <StyledSvg>
                     {!IsMenuHidden ? (
                       <path
-                        fillRule="evenodd"
+                        height="8.0556vw"
                         d="M18.278 16.864a1 1 0 0 1-1.414 1.414l-4.829-4.828-4.828 4.828a1 1 0 0 1-1.414-1.414l4.828-4.829-4.828-4.828a1 1 0 0 1 1.414-1.414l4.829 4.828 4.828-4.828a1 1 0 1 1 1.414 1.414l-4.828 4.829 4.828 4.828z"
                       />
                     ) : (
                         <path
-                          fillRule="evenodd"
+                        height="8.0556vw"
                           d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"
                         />
                       )}
@@ -122,12 +122,13 @@ const StyledLink = styled(NavLink)`
 
 const StyledLogoWrapper = styled.div`
   width: 100%;
+  margin-left: 20px;
   @media (max-width: 400px) {
     width: auto;
   }
 `
 const StyledBurgerMenu = styled.div`
-  margin-left: 16px;
+  margin-left: 160px;
   @media (min-width: 660px) { // raise this
       display: none;
   }
@@ -136,7 +137,6 @@ const StyledSvg = styled.svg`
  width: 1.5rem;
  height: 1.5rem;
  fill: currentColor;
- background-color: rgba(237,242,247,1);
 `
 
 const StyledTopBar = styled.div``