update with new brand (#5)

Author: flanagankp

01-Login/components/banner.js

@@ -6,7 +6,7 @@ export default function Banner() {
             <a href="https://passage.id/" ><div className={styles.passageLogo}></div></a>
             <div className={styles.headerText}>Passage + Next.js Example App</div>
             <div className={styles.spacer}></div>
-            <a href="https://passage.id/" ><span className={styles.text}>Go to Passage</span></a>
+            <a href="https://passage.id/" className={styles.link}>Go to Passage</a>
         </div>
     );
 }

01-Login/styles/Banner.module.css

@@ -2,16 +2,16 @@
     padding: 20px 30px;
     display: flex;
     align-items: center;
-    background-color: #27417E;
+    background-color: #282727;
     color: white;
 }
-.header-text {
+.headerText {
     font-size: 24px;
-    margin-left: 10px;
+    margin: 0px 10px;
 }
 
 .passageLogo {
-    background-image: url('https://storage.googleapis.com/passage-docs/passage-logo.svg');
+    background-image: url('https://storage.googleapis.com/passage-docs/passage-logo-dark.svg');
     background-repeat: no-repeat;
     width: 60px;
     height: 60px;
@@ -24,5 +24,6 @@
 .link {
     margin-left: 20px;
     color: white;
+    text-decoration: underline;
     text-decoration-color: white;
 }

02-Login-With-Profile/components/banner.js

@@ -6,7 +6,7 @@ export default function Banner() {
             <a href="https://passage.id/" ><div className={styles.passageLogo}></div></a>
             <div className={styles.headerText}>Passage + Next.js Example App</div>
             <div className={styles.spacer}></div>
-            <a href="https://passage.id/" ><span className={styles.text}>Go to Passage</span></a>
+            <a href="https://passage.id/" className={styles.link}>Go to Passage</a>
         </div>
     );
 }

02-Login-With-Profile/styles/Banner.module.css

@@ -2,16 +2,16 @@
     padding: 20px 30px;
     display: flex;
     align-items: center;
-    background-color: #27417E;
+    background-color: #282727;
     color: white;
 }
-.header-text {
+.headerText {
     font-size: 24px;
-    margin-left: 10px;
+    margin: 0px 10px;
 }
 
 .passageLogo {
-    background-image: url('https://storage.googleapis.com/passage-docs/passage-logo.svg');
+    background-image: url('https://storage.googleapis.com/passage-docs/passage-logo-dark.svg');
     background-repeat: no-repeat;
     width: 60px;
     height: 60px;
@@ -24,5 +24,6 @@
 .link {
     margin-left: 20px;
     color: white;
+    text-decoration: underline;
     text-decoration-color: white;
 }