commit | 3111b6fa81cea34c6933491ace636f4fdd1dade3 | [log] [tgz] |
---|---|---|
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | Tue Apr 21 19:48:38 2020 -0700 |
committer | Derick Montague <derick.montague@ibm.com> | Fri Apr 24 21:47:16 2020 +0000 |
tree | c41a307216b94eb0540cd9b147d01209bf0440e6 | |
parent | 077e4a8093e4e1a30b8483d5bfa9b08cbaf6368d [diff] [blame] |
Update layout fluid prop to set max-width Setting page container fluid prop to 'xl' to allow fluid/100% container width until reaching the xl breakpoint. After reaching the xl breakpoint, a max-width is set to the container. This will make sure that the page content doesn't stretch into an unreasonable layout on wide viewports. https://bootstrap-vue.org/docs/components/layout#fluid-width-container Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic50dd3b4339d532663279350afdcc30e59bb0c74
diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue index 156667b..3c55a8c 100644 --- a/src/views/Overview/Overview.vue +++ b/src/views/Overview/Overview.vue
@@ -1,5 +1,5 @@ <template> - <b-container fluid> + <b-container fluid="xl"> <page-title /> <div class="quicklinks-section"> <overview-quick-links />