diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-12 09:22:20 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-12 09:22:20 +0300 |
commit | 3f676232af56a272148cf8cff0cbcb78a3d7eb4a (patch) | |
tree | 0fe99fce083b70990e2e7f80c1e8e4124df93843 /src/views/SystemDescription/Network | |
parent | 1a71a3d8c56d11b912b4aa3fdcb64935ac414a34 (diff) | |
download | webui-vue-3f676232af56a272148cf8cff0cbcb78a3d7eb4a.tar.xz |
fix tables global styles
Diffstat (limited to 'src/views/SystemDescription/Network')
3 files changed, 10 insertions, 40 deletions
diff --git a/src/views/SystemDescription/Network/InventoryIPv4Settings.vue b/src/views/SystemDescription/Network/InventoryIPv4Settings.vue index 94845854..980aee5a 100644 --- a/src/views/SystemDescription/Network/InventoryIPv4Settings.vue +++ b/src/views/SystemDescription/Network/InventoryIPv4Settings.vue @@ -3,7 +3,7 @@ <b-table responsive="md" show-empty - class="bootstrap-rounded-table" + no-border-collapse :items="systems" :fields="fields" :empty-text="$t('global.table.emptyMessage')" @@ -46,7 +46,7 @@ @keydown.escape="clickCancel(data)" ></b-form-input> <b-col v-else>{{ data.value }}</b-col> - <b-col class="system-network-table__icon-col"> + <b-col class="table-network__icon"> <b-row v-if="systems[data.index].isEdit"> <img src="@/assets/images/edit-ok.svg" @@ -96,27 +96,18 @@ export default { key: 'param', label: 'Параметр', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__column-first - bootstrap-rounded-table__column-first___ipv-table`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '30%' }, }, { key: 'value', label: 'Значение', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__column-center - bootstrap-rounded-table__ipv-table___center`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '20%' }, }, { key: 'comment', label: 'Комментарий', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, ], expandRowLabel: expandRowLabel, @@ -197,19 +188,6 @@ export default { }, }; </script> -<style lang="scss"> -.bootstrap-rounded-table__column-first___ipv-table { - width: 30%; -} - -.bootstrap-rounded-table__ipv-table___center { - width: 20%; -} - -.system-network-table__icon-col { - max-width: 20%; -} -</style> <style lang="scss" scoped> .row { align-items: baseline; diff --git a/src/views/SystemDescription/Network/InventoryIPv6Settings.vue b/src/views/SystemDescription/Network/InventoryIPv6Settings.vue index 3f47b1fd..a8c590b1 100644 --- a/src/views/SystemDescription/Network/InventoryIPv6Settings.vue +++ b/src/views/SystemDescription/Network/InventoryIPv6Settings.vue @@ -3,7 +3,7 @@ <b-table responsive="md" show-empty - class="bootstrap-rounded-table" + no-border-collapse :items="systems" :fields="fields" :empty-text="$t('global.table.emptyMessage')" @@ -21,7 +21,7 @@ @keydown.escape="clickCancel(data)" ></b-form-input> <b-col v-else>{{ data.value }}</b-col> - <b-col class="system-network-table__icon-col"> + <b-col class="table-network__icon"> <b-row v-if="systems[data.index].isEdit"> <img src="@/assets/images/edit-ok.svg" @@ -57,7 +57,7 @@ <span class="popup-text">Выключен</span> </button> </div> - <b-col class="system-network-table__icon-col"> + <b-col class="table-network__icon"> <img :is="iconChevron" class="pointer" @@ -93,27 +93,18 @@ export default { key: 'param', label: 'Параметр', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__column-first___ipv-table - bootstrap-rounded-table__column-first`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '30%' }, }, { key: 'value', label: 'Значение', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__column-center - bootstrap-rounded-table__ipv-table___center`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '20%' }, }, { key: 'comment', label: 'Комментарий', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, ], expandRowLabel: expandRowLabel, diff --git a/src/views/SystemDescription/Network/SystemNetwork.vue b/src/views/SystemDescription/Network/SystemNetwork.vue index 69ede837..19243493 100644 --- a/src/views/SystemDescription/Network/SystemNetwork.vue +++ b/src/views/SystemDescription/Network/SystemNetwork.vue @@ -1,5 +1,6 @@ <template> <b-container + id="page-system-network" :style="{ display: 'flex', 'flex-direction': 'column' }" fluid="xxl pt-0 m-0" > |