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/AccessControl/SslCertificates/SslCertificates.vue | |
| 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/AccessControl/SslCertificates/SslCertificates.vue')
| -rw-r--r-- | src/views/AccessControl/SslCertificates/SslCertificates.vue | 8 |
1 files changed, 4 insertions, 4 deletions
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 }} |