Merge pull request #9 from terra-money/new-changes

added Dashboard link in menu and changes when 'Integrations & Staking…

src/components/ Navigation/MobileNavigation.tsx

@@ -61,6 +61,15 @@ const MobileNavigation = forwardRef<
           >
             Menu
           </h3>
+          <h2 className={styles.menu_heading}>
+            <a
+              href='https://alliance-dashboard.terra.money/'
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              Dashboard
+            </a>
+          </h2>
           <h2 className={styles.menu_heading}>
             <a
               href='https://estimator.alliance.terra.money/'

src/components/ Navigation/Navigation.tsx

@@ -44,6 +44,13 @@ const Navigation = (
       </div>
       <div className={styles.button_container}>
         <div className={styles.non_button_links}>
+          <a
+            href='https://alliance-dashboard.terra.money/'
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            Dashboard
+          </a>
           <a
             href='https://estimator.alliance.terra.money/'
             target="_blank"

src/styles/LandingSection.module.scss

@@ -408,7 +408,7 @@
       }
     }
 
-    @media screen and (max-height: 850px) {
+    @media screen and (max-height: 760px) {
       bottom: -112px;
     }
 

src/styles/Navigation.module.scss

@@ -51,8 +51,12 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        min-width: 90px;
+        margin: 0 28px;
         font-weight: 500;
+
+        @media screen and (max-width: 1100px) {
+          margin: 0 12px;
+        }
       }
 
       .icon_only {
@@ -100,5 +104,9 @@
         transform: translateX(2px)
       }
     }
+
+    @media screen and (max-width: 1100px) {
+      gap: 12px;
+    }
   }
 }