Update notebook layout in navbar (#40)

* Update notebook layout * Fix navbar submenu positioning * Update routes * Add spacing for title
ubc-biomod · Oct 12, 2023 · f39d7aa · f39d7aa
1 parent ed20065
commit f39d7aa
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 101 deletions.
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
diff --git a/src/components/lab-notebook/Notebook.vue b/src/components/lab-notebook/Notebook.vue
@@ -5,7 +5,7 @@ import NotebookBody from '@/components/lab-notebook/NotebookBody.vue'
 <template>
   <div>
     <div class="m-auto">
-      <h1 class="font-title text-center text-title-sm lg:text-title text-gold">
+      <h1 class="font-title text-center text-title-sm lg:text-title text-gold mt-4">
         <slot name="title"></slot>
       </h1>
     </div>

diff --git a/src/components/navbar/Dropdown.vue b/src/components/navbar/Dropdown.vue
@@ -24,7 +24,7 @@ const dropdown = ref(false)
       </svg>
     </RouterLink>
 
-    <div v-if="dropdown" class="fixed pt-14">
+    <div v-if="dropdown" class="fixed pt-12">
       <div class="bg-slate py-4 shadow-[0_25px_25px_rgba(0,0,0,0.4)] rounded-b-3xl">
         <slot name="content"></slot>
       </div>

diff --git a/src/components/navbar/Dropside.vue b/src/components/navbar/Dropside.vue
@@ -15,7 +15,7 @@ const dropdown = ref(false)
       </svg>
     </div>
 
-    <div v-if="dropdown" class="fixed ml-[12.25rem] mt-8">
+    <div v-if="dropdown" class="fixed ml-[18.8rem] mt-8">
       <div class="bg-slate p-4 shadow-[5px_0_35px_rgba(0,0,0,0.4)] rounded-3xl">
         <slot name="content"></slot>
       </div>

diff --git a/src/components/navbar/NavBar.vue b/src/components/navbar/NavBar.vue
@@ -27,36 +27,40 @@ const tree: Tree[] = [
     name: 'Notebook',
     children: [
       {
-        name: 'Enzymosome',
+        name: 'Computational Simulation',
         children: [
           {
-            name: 'Enzyme Activity Assays',
-            url: '/enzymosome/enzyme-activity-assays'
-          },
-          {
-            name: 'Liposome Formation',
+            name: 'Structure Design',
             url: '#'
           },
           {
-            name: 'Enzyme Conjugation',
-            url: '/enzymosome/enzyme-conjugation'
+            name: 'Docking of Dnase I',
+            url: '#'
           }
         ]
       },
       {
-        name: 'CADnano',
+        name: 'Lab Validation',
         children: [
           {
-            name: 'Octahedron',
-            url: '/octahedron/octahedron-formation'
+            name: 'Enzyme Activity Assays',
+            url: '/lab-validation/enzyme-activity-assays'
           },
           {
-            name: 'Trigon',
+            name: 'Liposome Formation',
             url: '#'
           },
           {
-            name: 'Pentahedron',
+            name: 'Octahedron Formation',
+            url: '/lab-validation/octahedron-formation'
+          },
+          {
+            name: 'Octahedron Liposome Formation',
             url: '#'
+          },
+          {
+            name: 'Thiolation and Conjugation',
+            url: '/lab-validation/enzyme-conjugation'
           }
         ]
       }

diff --git a/src/router/index.ts b/src/router/index.ts
@@ -34,17 +34,17 @@ const router = createRouter({
       component: TeamView
     },
     {
-      path: '/enzymosome/enzyme-activity-assays',
+      path: '/lab-validation/enzyme-activity-assays',
       name: 'enzyme-activity-assays',
       component: GroupAView
     },
     {
-      path: '/enzymosome/enzyme-conjugation',
+      path: '/lab-validation/enzyme-conjugation',
       name: 'enzyme-conjugation',
       component: GroupCView
     },
     {
-      path: '/octahedron/octahedron-formation',
+      path: '/lab-validation/octahedron-formation',
       name: 'octahedron-formation',
       component: OctadedronFormation
     }