diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-01-18 01:10:34 +0300 |
---|---|---|
committer | Gunnar Mills <gmills@us.ibm.com> | 2020-01-21 21:32:49 +0300 |
commit | 42c1989301a81ebaa4733f403fcdc6c0a5368f11 (patch) | |
tree | 96800ea324ecfba8187c1ef6ce310329d95e12f4 /src/App.vue | |
parent | 35080acbbf29de7cfd21d19f3c3637d7231f2a7e (diff) | |
download | webui-vue-42c1989301a81ebaa4733f403fcdc6c0a5368f11.tar.xz |
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>
Diffstat (limited to 'src/App.vue')
-rw-r--r-- | src/App.vue | 25 |
1 files changed, 21 insertions, 4 deletions
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> |