diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-02-10 23:28:37 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-02-19 22:17:46 +0300 |
commit | 74f8687d4ab358c071bd081b0b7709eba5a521c2 (patch) | |
tree | 0ff89ca0403a814c39dc73d422824939b2bc1770 /src/views | |
parent | eb154bbc9f71a923563479919578bd5053795980 (diff) | |
download | webui-vue-74f8687d4ab358c071bd081b0b7709eba5a521c2.tar.xz |
Add responsive layout
The main navigation will be collapsed until the viewport
minimum width reaches the Bootstrap defined 'lg' breakpoint
(defaults to 992px).
- Adding motion variables and updating some CSS values to
use existing Sass variables
Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Id159b84da6adf55fdb15842b0e33b1ede4eeceb4
Diffstat (limited to 'src/views')
-rw-r--r-- | src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue | 8 | ||||
-rw-r--r-- | src/views/Overview/OverviewQuickLinks.vue | 4 |
2 files changed, 6 insertions, 6 deletions
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue index e71387da..a5ba7ba0 100644 --- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue +++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue @@ -1,8 +1,8 @@ <template> - <b-container class="ml-0"> + <b-container fluid> <page-title /> <b-row> - <b-col lg="10" class="text-right"> + <b-col xl="9" class="text-right"> <b-button variant="link" @click="initModalSettings"> Account policy settings <icon-settings /> @@ -14,7 +14,7 @@ </b-col> </b-row> <b-row> - <b-col lg="10"> + <b-col xl="9"> <b-table show-empty :fields="fields" :items="tableItems"> <template v-slot:cell(actions)="data"> <b-button @@ -40,7 +40,7 @@ </b-col> </b-row> <b-row> - <b-col lg="8"> + <b-col xl="8"> <b-button v-b-toggle.collapse-role-table variant="link" class="mt-3"> View privilege role descriptions <icon-chevron /> diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue index 0921cb96..3f52d816 100644 --- a/src/views/Overview/OverviewQuickLinks.vue +++ b/src/views/Overview/OverviewQuickLinks.vue @@ -84,7 +84,7 @@ dl { } .quicklinks { - background: $white; + background: $gray-200; display: grid; grid-gap: 1rem; padding: 1rem; @@ -98,7 +98,7 @@ dl { } } -@include media-breakpoint-up(lg) { +@include media-breakpoint-up(xl) { .quicklinks { grid-template-columns: repeat(4, 1fr); } |