diff options
author | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-04-22 05:48:38 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-04-25 00:47:16 +0300 |
commit | 3111b6fa81cea34c6933491ace636f4fdd1dade3 (patch) | |
tree | c41a307216b94eb0540cd9b147d01209bf0440e6 /src/views | |
parent | 077e4a8093e4e1a30b8483d5bfa9b08cbaf6368d (diff) | |
download | webui-vue-3111b6fa81cea34c6933491ace636f4fdd1dade3.tar.xz |
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
Diffstat (limited to 'src/views')
6 files changed, 9 insertions, 9 deletions
diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue index 8c7cc7fc..962e5bfa 100644 --- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue +++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue @@ -1,5 +1,5 @@ <template> - <b-container fluid> + <b-container fluid="xl"> <page-title /> <b-row> <b-col xl="9" class="text-right"> diff --git a/src/views/AccessControl/SslCertificates/SslCertificates.vue b/src/views/AccessControl/SslCertificates/SslCertificates.vue index 79cdea65..6f74c81a 100644 --- a/src/views/AccessControl/SslCertificates/SslCertificates.vue +++ b/src/views/AccessControl/SslCertificates/SslCertificates.vue @@ -1,8 +1,8 @@ <template> - <b-container fluid> + <b-container fluid="xl"> <page-title /> <b-row> - <b-col xl="9"> + <b-col xl="11"> <!-- Expired certificates banner --> <alert :show="expiredCertificateTypes.length > 0" variant="danger"> <template v-if="expiredCertificateTypes.length > 1"> @@ -32,7 +32,7 @@ </b-col> </b-row> <b-row> - <b-col xl="10" class="text-right"> + <b-col xl="11" class="text-right"> <b-button v-b-modal.generate-csr variant="link"> <icon-add /> {{ $t('pageSslCertificates.generateCsr') }} @@ -48,7 +48,7 @@ </b-col> </b-row> <b-row> - <b-col xl="10"> + <b-col xl="11"> <b-table :fields="fields" :items="tableItems"> <template v-slot:cell(validFrom)="{ value }"> {{ value | formatDate }} diff --git a/src/views/Control/RebootBmc/RebootBmc.vue b/src/views/Control/RebootBmc/RebootBmc.vue index 5d6b42ce..12912532 100644 --- a/src/views/Control/RebootBmc/RebootBmc.vue +++ b/src/views/Control/RebootBmc/RebootBmc.vue @@ -1,5 +1,5 @@ <template> - <b-container fluid> + <b-container fluid="xl"> <page-title /> <b-row> <b-col md="8" lg="8" xl="6"> diff --git a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue index e63d0732..4efaebc6 100644 --- a/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue +++ b/src/views/Control/ServerPowerOperations/ServerPowerOperations.vue @@ -1,5 +1,5 @@ <template> - <b-container fluid> + <b-container fluid="xl"> <page-title /> <b-row> <b-col md="8" xl="6"> diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue index ae31cc38..fe9d3972 100644 --- a/src/views/Health/Sensors/Sensors.vue +++ b/src/views/Health/Sensors/Sensors.vue @@ -1,5 +1,5 @@ <template> - <b-container fluid> + <b-container fluid="xl"> <page-title /> <b-row> <b-col xl="12" class="text-right"> diff --git a/src/views/Overview/Overview.vue b/src/views/Overview/Overview.vue index 156667bc..3c55a8ca 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 /> |