Merge pull request #26 from tronghieuvuong/tvuong/changeText

UI: Change font and text color.
bcgov · Nov 16, 2023 · 3da4779 · 3da4779
2 parents c504411 + 0b7cee7
commit 3da4779
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 9 deletions.
diff --git a/apps/release-notes/components/ContactCard.vue b/apps/release-notes/components/ContactCard.vue
@@ -1,14 +1,14 @@
 <template>
     <div class="contact-card">
-        <h1>Contact Us</h1>
+        <h1 class="contact-title">Contact Us</h1>
         <div> If you have questions, contact us at:
             <a class="email" href="mailto: bcreg.engagement@gov.bc.ca">bcreg.engagement@gov.bc.ca</a>
         </div>
         <br>
         <div>
-            <b>
+            <h1 class="contact-title">
                 Legend:
-            </b>
+            </h1>
             <div> 
                 <b>Assets</b> = Manufactured Homes Registry and Personal Property Registry 
             </div>
@@ -34,7 +34,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from 'vue';
+import { defineComponent } from 'vue';
 export default defineComponent ({
     props: {
         color: {
@@ -46,7 +46,7 @@ export default defineComponent ({
 </script>
 
 <style>
-    .contact-card > h1 {
+    .contact-title {
         color: black;
     }
     .email {

diff --git a/apps/release-notes/components/navbar.vue b/apps/release-notes/components/navbar.vue
@@ -1,8 +1,10 @@
 <template>
+  <NuxtLink to="https://www.bcregistry.gov.bc.ca/">
     <div class="rec">
       <img src="../assets/images/gov_bc_logo_horiz.b6e98a7.png" alt="Logo">
       <h2>BC Registries and Online Services</h2>
     </div>
+  </NuxtLink >
 </template>
 
 <style>

diff --git a/apps/release-notes/pages/index.vue b/apps/release-notes/pages/index.vue
@@ -105,9 +105,7 @@ export default {
       <navbar />
     </header>
     <div class="title-page">
-      <b class="title">
-        Release Dates
-      </b>
+      <b class="title" />
       <div class="path">
         <h1>BC Registries and Online Services Application Releases & Notes</h1>
         <h2>All releases that are {{ statusDisplay }} are noted below.</h2>
@@ -143,6 +141,9 @@ export default {
         <div class="page">
           <div class="date-range">
             <div class="dates">
+              <b class="title">
+                Release Dates
+              </b>
               <ul>
                 <li v-for="release in display" :key="release.id">
                   <button @click="scrollToElement(release.id)">
@@ -245,6 +246,7 @@ h2 {
   align-self: center;
   width: 30%;
   color: black;
+  font-size: 20px;
 }
 
 .path {
@@ -255,7 +257,7 @@ h2 {
 
 }
 
-.path > h1 {
+.path > h1, .choose-state > b {
   color: black;
 }