diff options
| author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2019-12-19 20:51:55 +0300 |
|---|---|---|
| committer | Derick Montague <derick.montague@ibm.com> | 2020-01-28 18:53:39 +0300 |
| commit | 8d129109ec70a946ca5db879cd81f216ff3c804e (patch) | |
| tree | b653ad44e3c76b8922caab0d1a5ebadc9c9c6971 /src/layouts | |
| parent | fded0d11289f737a845abb5ee8bb10725f870cf3 (diff) | |
| download | webui-vue-8d129109ec70a946ca5db879cd81f216ff3c804e.tar.xz | |
Add page level layout components
Adding components to help standardize type, size, spacing
for common elements on a page.
Also removed a conflicting class name and added modifications
to the main container. The main container needed a min-height
and height value set, which became apparent with added
background color. Adding a background color will move us
closer to agreed design solution to add a subtle background
color instead of adding a border to separate main content from
left hand navigation.
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ie63c4f0c0f3fd199fa0ca790065402e06a613691
Diffstat (limited to 'src/layouts')
| -rw-r--r-- | src/layouts/AppLayout.vue | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/src/layouts/AppLayout.vue b/src/layouts/AppLayout.vue index ab25ea3f..49d61c14 100644 --- a/src/layouts/AppLayout.vue +++ b/src/layouts/AppLayout.vue @@ -7,9 +7,9 @@ <AppNavigation /> </b-col> <b-col cols="12" md="9" lg="10"> - <main id="main-content"> + <PageContainer> <router-view ref="routerView" /> - </main> + </PageContainer> </b-col> </b-row> </b-container> @@ -19,11 +19,13 @@ <script> import AppHeader from "@/components/AppHeader"; import AppNavigation from "@/components/AppNavigation"; +import PageContainer from "../components/Global/PageContainer"; export default { name: "App", components: { AppHeader, - AppNavigation + AppNavigation, + PageContainer }, watch: { $route: function() { |