feat: added login to portal

SpatialDays · Nov 22, 2023 · 7dce90c · 7dce90c
1 parent 19f2974
commit 7dce90c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/components/Header/Header.jsx b/src/components/Header/Header.jsx
@@ -20,6 +20,11 @@ const Header = () => {
           <a href="https://spatialdays.com/" target="_blank" className="header__link">
             Who We Are
           </a>
+
+          {/* Button for login */}
+          <a href="https://portal.staging.stac.spatialdays.com/explorer" className="header__link header__link--btn" target="_blank">
+            Login
+          </a>
         </div>
       </div>
     </div>

diff --git a/src/components/Header/Header.scss b/src/components/Header/Header.scss
@@ -40,6 +40,20 @@
       &:hover {
         color: var(--color-link-hover-light);
       }
+
+      &--btn {
+        background-color: rgb(41,80,212);
+        color: white;
+        padding: 0.5rem 1rem;
+        border-radius: 5px;
+        font-weight: 500;
+        transition: all 0.3s ease-in-out;
+        &:hover {
+          background-color: rgb(41,80,212, 0.8);
+          transform: scale(1.05);
+          color: white;
+        }
+      }
     }
 
     @media (max-width: 768px) {