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/Settings/Network | |
parent | 1a71a3d8c56d11b912b4aa3fdcb64935ac414a34 (diff) | |
download | webui-vue-3f676232af56a272148cf8cff0cbcb78a3d7eb4a.tar.xz |
fix tables global styles
Diffstat (limited to 'src/views/Settings/Network')
-rw-r--r-- | src/views/Settings/Network/Network.vue | 2 | ||||
-rw-r--r-- | src/views/Settings/Network/TableDns.vue | 12 | ||||
-rw-r--r-- | src/views/Settings/Network/TableIpv4.vue | 23 |
3 files changed, 10 insertions, 27 deletions
diff --git a/src/views/Settings/Network/Network.vue b/src/views/Settings/Network/Network.vue index 2d8fd61d..50442be4 100644 --- a/src/views/Settings/Network/Network.vue +++ b/src/views/Settings/Network/Network.vue @@ -1,5 +1,5 @@ <template> - <b-container fluid="m-0 p-0" class="page-network"> + <b-container id="page-network" fluid="m-0 p-0"> <page-title :description="$t('pageNetwork.pageDescription')" /> <page-section v-show="ethernetData" class="m-4"> diff --git a/src/views/Settings/Network/TableDns.vue b/src/views/Settings/Network/TableDns.vue index 1ad8f436..c37c6e9f 100644 --- a/src/views/Settings/Network/TableDns.vue +++ b/src/views/Settings/Network/TableDns.vue @@ -11,10 +11,11 @@ <b-table responsive="md" hover + no-border-collapse :fields="dnsTableFields" :items="form.dnsStaticTableItems" :empty-text="$t('global.table.emptyMessage')" - class="bootstrap-rounded-table mb-0" + class="mb-0" show-empty > <template #cell(actions)="{ item, index }"> @@ -82,18 +83,13 @@ export default { { key: 'address', label: this.$t('pageNetwork.table.ipAddress'), - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'actions', thStyle: { width: '30%' }, label: this.$t('pageNetwork.table.actions'), - thClass: - 'text-right semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: 'text-right bootstrap-rounded-table__td', + thClass: 'text-right', + tdClass: 'text-right', }, ], }; diff --git a/src/views/Settings/Network/TableIpv4.vue b/src/views/Settings/Network/TableIpv4.vue index 7481dc7b..6514a59c 100644 --- a/src/views/Settings/Network/TableIpv4.vue +++ b/src/views/Settings/Network/TableIpv4.vue @@ -16,11 +16,12 @@ <b-table responsive="md" hover + class="mb-0" + show-empty + no-border-collapse :fields="ipv4TableFields" :items="form.ipv4TableItems" :empty-text="$t('global.table.emptyMessage')" - class="bootstrap-rounded-table mb-0" - show-empty > <template #cell(actions)="{ item, index }"> <table-row-action @@ -87,41 +88,27 @@ export default { key: 'Address', label: this.$t('pageNetwork.table.ipAddress'), thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'Gateway', label: this.$t('pageNetwork.table.gateway'), thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'SubnetMask', label: this.$t('pageNetwork.table.subnet'), - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'AddressOrigin', label: this.$t('pageNetwork.table.addressOrigin'), thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'actions', label: this.$t('pageNetwork.table.actions'), thStyle: { width: '10%' }, - thClass: - 'text-right semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: 'text-right bootstrap-rounded-table__td', + thClass: 'text-right', + tdClass: 'text-right', }, ], }; |