commit 892d50f634504b1e82c13f6f2b4285149da373b1
author Dinuka De Silva <L.dinukadesilva@gmail.com> Tue Oct 13 23:57:45 2020 +0530
committer Dinuka De Silva <L.dinukadesilva@gmail.com> Wed Oct 14 00:07:04 2020 +0530
tree 8d088cbbe866ae5f44345eb7a09cd0244258f9fd
parent 1dcc479825bc07e27c00e5b04eac7cb0dfa2ff44

gh-31: Change the header navigation styles to custos branding colours

custos-demo-gateway/src/components/Header.vue

diff --git a/custos-demo-gateway/src/components/Header.vue b/custos-demo-gateway/src/components/Header.vue
index 1f85a55..6b2a9ff 100644
--- a/custos-demo-gateway/src/components/Header.vue
+++ b/custos-demo-gateway/src/components/Header.vue
@@ -190,26 +190,35 @@
         padding: 0px;
         line-height: 0px;
         font-size: 15px;
+        background-color: #4a4a4a;
     }
 
     .navigation {
-        background-color: #fff9cc;
+        background: #fe8c00;
+        background: -webkit-linear-gradient(to right, #f83600, #fe8c00);
+        background: linear-gradient(to right, #f83600, #fe8c00);
     }
 
     .navigation a {
         font-family: Avenir;
-        font-size: 16px;
+        font-size: 15px;
         font-weight: 600;
         text-align: left;
-        color: #203a43;
+        color: white;
+        padding: 5px 15px;
+        display: inline-block;
+        transition: all 0.1s;
     }
 
     .navigation a:hover {
-        color: #203a43;
+        color: white;
     }
 
     .navigation a:focus {
-        outline: none;
-        box-shadow: none;
+        color: white;
+    }
+
+    .navigation a.router-link-exact-active {
+        background-color: #00000047;
     }
 </style>
\ No newline at end of file