diff options
| -rw-r--r-- | src/assets/styles/_bootstrap-grid.scss | 8 | ||||
| -rw-r--r-- | src/assets/styles/_obmc-custom.scss | 1 | ||||
| -rw-r--r-- | src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue | 2 | ||||
| -rw-r--r-- | src/views/AccessControl/SslCertificates/SslCertificates.vue | 8 | ||||
| -rw-r--r-- | src/views/Control/RebootBmc/RebootBmc.vue | 2 | ||||
| -rw-r--r-- | src/views/Control/ServerPowerOperations/ServerPowerOperations.vue | 2 | ||||
| -rw-r--r-- | src/views/Health/Sensors/Sensors.vue | 2 | ||||
| -rw-r--r-- | src/views/Overview/Overview.vue | 2 |
8 files changed, 18 insertions, 9 deletions
diff --git a/src/assets/styles/_bootstrap-grid.scss b/src/assets/styles/_bootstrap-grid.scss new file mode 100644 index 00000000..7ad7c81b --- /dev/null +++ b/src/assets/styles/_bootstrap-grid.scss @@ -0,0 +1,8 @@ +.container-xl { + // Fluid layout container class sets 100% + // width until xl breakpoint. Once a max-width + // is set, setting the left margin to 0 is needed + // so the content doesn't center align + // https://bootstrap-vue.org/docs/components/layout#fluid-width-container + margin-left: 0; +}
\ No newline at end of file diff --git a/src/assets/styles/_obmc-custom.scss b/src/assets/styles/_obmc-custom.scss index 4e0e1c55..7e43e62b 100644 --- a/src/assets/styles/_obmc-custom.scss +++ b/src/assets/styles/_obmc-custom.scss @@ -41,6 +41,7 @@ @import "./alerts"; @import "./badge"; +@import "./bootstrap-grid"; @import "./buttons"; @import "./dropdown"; @import "./form-components"; 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 /> |