refactor: changed to use bootstrap classes

BBMRI-ERIC · Oct 3, 2023 · 28d3bf5 · 28d3bf5
1 parent 9d292ee
commit 28d3bf5
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 14 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -3,7 +3,7 @@
   <header>
     <navigation-bar />
   </header>
-  <div class="container pt-4 main-container">
+  <div class="container min-vh-100 d-flex flex-column pt-4">
     <div
       v-if="notification !== undefined"
       class="row"
@@ -75,13 +75,6 @@ export default {
 </script>
 
 <style scoped>
-.main-container {
-  min-width: 25rem;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-
 .box {
   inline-size: 300px;
 }

diff --git a/src/components/NavigationBar.vue b/src/components/NavigationBar.vue
@@ -1,6 +1,6 @@
 <template>
   <nav
-    v-if="showNavBar"
+    v-if="oidcIsAuthenticated"
     class="navbar navbar-expand-lg navbar-light bg-light"
   >
     <div class="container-fluid">
@@ -47,7 +47,7 @@
               to="/researcher"
             >
               <i class="bi bi-folder2" />
-              Negotiations
+              Requests
             </router-link>
           </li>
           <li
@@ -102,9 +102,6 @@ export default {
     },
     isRepresentative() {
       return this.roles.includes("REPRESENTATIVE")
-    },
-    showNavBar() {
-      return (this.$route.path !== "/")
     }
   },
   watch: {

diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
@@ -2,7 +2,7 @@
   <div
     class="container-fluid d-flex justify-content-center align-items-center vh-100"
   >
-    <div class="row mt-5">
+    <div class="row">
       <div class="col-1" />
       <div
         class="col-sm-10"