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
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index c671679..6a8300b 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -1,10 +1,6 @@
<template>
<b-container class="ml-0">
- <b-row>
- <b-col lg="10">
- <h1>Local user management</h1>
- </b-col>
- </b-row>
+ <PageTitle />
<b-row>
<b-col lg="10">
<b-button @click="initModalSettings" variant="link">
@@ -71,6 +67,7 @@
import TableRoles from "./TableRoles";
import ModalUser from "./ModalUser";
import ModalSettings from "./ModalSettings";
+import PageTitle from "../../../components/Global/PageTitle";
export default {
name: "local-users",
@@ -81,7 +78,8 @@
IconTrashcan,
ModalSettings,
ModalUser,
- TableRoles
+ TableRoles,
+ PageTitle
},
data() {
return {