From 42c1989301a81ebaa4733f403fcdc6c0a5368f11 Mon Sep 17 00:00:00 2001
From: Derick Montague <derick.montague@ibm.com>
Date: Fri, 17 Jan 2020 16:10:34 -0600
Subject: Add primary navigation with default styles

- Import and use Bootstrap Vue components for the navigation structure
- Import  and add icons to the navigation sections
- Add minor style overrides

Change-Id: I4c1903390d75aff086c912a710f4c04d38d28a28
Signed-off-by: Derick Montague <derick.montague@ibm.com>
---
 src/App.vue | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index d21ef4f6..504b8c93 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,18 @@
 <template>
   <div id="app">
     <AppHeader />
-    <AppNavigation />
-    <main id="#main-content">
-      <router-view />
-    </main>
+    <b-container fluid class="page-container">
+      <b-row no-gutters>
+        <b-col tag="nav" cols="12" md="3">
+          <AppNavigation />
+        </b-col>
+        <b-col cols="12" offset-md="1" md="7">
+          <main id="#main-content">
+            <router-view />
+          </main>
+        </b-col>
+      </b-row>
+    </b-container>
   </div>
 </template>
 
@@ -23,3 +31,12 @@ export default {
   }
 };
 </script>
+
+<style lang="scss" scoped>
+.page-container {
+  margin-right: 0;
+  margin-left: 0;
+  padding-right: 0;
+  padding-left: 0;
+}
+</style>
-- 
cgit v1.2.3