Merge pull request #16 from D-I-S-H/footer-improvements

Minor improvements to the footer
D-I-S-H · Nov 23, 2024 · cbeed69 · cbeed69
2 parents 1dde908 + 17dcbb5
commit cbeed69
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 9 deletions.
diff --git a/src/assets/base.css b/src/assets/base.css
@@ -13,7 +13,7 @@
   /*Light Colors*/
   --background-light: #ced4de;
   --color-light: #f4f4f1;
-  --color-light-hover: #d6d6d6;
+  --color-light-hover: #b7b7b7;
   --color-light-items: #d8d8d8;
   /*Bootstrap color overrides*/
   --bs-primary: var(--color-primary);
@@ -24,6 +24,8 @@
   :root {
     --color-background: var(--background-dark);
     --color-text: var(--color-light);
+    --color-link: var(--color-light);
+    --color-link-hover: var(--color-light-hover);
     /*Bootstrap color overrides*/
     --bs-body-color: var(--color-light);
     --bs-card-bg: var(--color-dark-items);

diff --git a/src/assets/main.css b/src/assets/main.css
@@ -1,8 +1,12 @@
 @import "./base.css";
 
-/* nav {
-  background-color: var(--navbar-bg);
-} */
+a {
+  color: var(--color-link);
+}
+a:hover {
+  color: var(--color-link-hover);
+}
+
 .nav-link, .navbar-brand {
   color: var(--color-text);
 }

diff --git a/src/components/footerComponent.vue b/src/components/footerComponent.vue
@@ -3,7 +3,7 @@ import { faGithub } from '@fortawesome/free-brands-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
 </script>
 <template>
-    <footer class="text-light py-4 mt-auto border-top border-dark d-none d-md-block">
+    <footer class="py-4 mt-auto border-top border-dark d-none d-md-block">
     <div class="container">
         <div class="row justify-content-between">
         <!-- Left Section: Brand and Social Links -->
@@ -13,16 +13,17 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
             <div class="d-flex">
                 <FontAwesomeIcon :icon="faGithub" size="2x" class="me-3" />
                 <div class="my-auto">
-                    <a href="https://github.com/D-I-S-H/DISH-FE" class="text-light me-3">Frontend</a>
-                    <a href="https://github.com/D-I-S-H/DISH-API" class="text-light me-3">Backend</a>
+                    <a href="https://github.com/D-I-S-H/DISH-FE" class="me-3">Frontend</a>
+                    <a href="https://github.com/D-I-S-H/DISH-API" class="me-3">Backend</a>
                 </div>
             </div>
         </div>
-        <!-- Right Section: Disclaimer and DMCA -->
+        <!-- Right Section: Disclaimer, privacy policy, bug report link -->
         <div class="col-md-6 text-md-end">
             <h6 class="fw-bold">Disclaimer</h6>
             <p class="mb-3">Dining Information Served Here (DISH) is still in early development and may have bugs.</p>
-            <router-link to="/privacy" class="text-light">Privacy Policy</router-link>
+            <a href="https://github.com/D-I-S-H/DISH-FE/issues/new" class="me-3">Report Bug</a>
+            <router-link to="/privacy">Privacy Policy</router-link>
         </div>
         </div>
     </div>