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/Processors/Specification | |
parent | 1a71a3d8c56d11b912b4aa3fdcb64935ac414a34 (diff) | |
download | webui-vue-3f676232af56a272148cf8cff0cbcb78a3d7eb4a.tar.xz |
fix tables global styles
Diffstat (limited to 'src/views/Processors/Specification')
3 files changed, 19 insertions, 108 deletions
diff --git a/src/views/Processors/Specification/AcceleratorSpecificationTable.vue b/src/views/Processors/Specification/AcceleratorSpecificationTable.vue index c13e13ff..bcdfdbe6 100644 --- a/src/views/Processors/Specification/AcceleratorSpecificationTable.vue +++ b/src/views/Processors/Specification/AcceleratorSpecificationTable.vue @@ -2,7 +2,7 @@ <b-table responsive="md" show-empty - class="bootstrap-rounded-table" + no-border-collapse :items="accelerators" :fields="fields" > @@ -54,74 +54,50 @@ export default { { key: 'expandRow', label: '', - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-expand`, - tdClass: 'table-row-expand bootstrap-rounded-table__td', + thStyle: { width: '3%' }, sortable: false, }, { key: 'status', label: 'Статус', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-first`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '15%' }, }, { key: 'name', label: 'Имя', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-third`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '10%' }, }, { key: 'slot_number', label: '№ Слота', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-fourth`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '8%' }, }, { key: 'board_number', label: '№ Платы', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-fourth`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '8%' }, }, { key: 'serial_number', label: 'Серийный номер', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-first`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '15%' }, }, { key: 'frequency', label: '№ Детали', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-fourth`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '8%' }, }, { key: 'cores', label: 'Версия прошивки', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__column-last - fans-table-col-third`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '10%' }, }, ], expandRowLabel: expandRowLabel, @@ -129,27 +105,6 @@ export default { }, }; </script> -<style lang="scss"> -.fans-table-col-expand { - width: 3%; -} -.fans-table-col-first { - width: 15%; -} - -.fans-table-col-second { - width: 12%; -} - -.fans-table-col-third { - width: 10%; -} - -.fans-table-col-fourth { - width: 8%; -} -</style> - <style lang="scss" scoped> .row { margin: 0px; diff --git a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue index 02c8eb9c..50362ac2 100644 --- a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue +++ b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue @@ -1,5 +1,6 @@ <template> <b-container + id="page-processors" :style="{ display: 'flex', 'flex-direction': 'column' }" fluid="xxl pt-0 m-0" > diff --git a/src/views/Processors/Specification/ProcessorsSpecificationTable.vue b/src/views/Processors/Specification/ProcessorsSpecificationTable.vue index 07a4512d..31210f50 100644 --- a/src/views/Processors/Specification/ProcessorsSpecificationTable.vue +++ b/src/views/Processors/Specification/ProcessorsSpecificationTable.vue @@ -5,7 +5,7 @@ :sort-desc="true" responsive="md" show-empty - class="bootstrap-rounded-table" + no-border-collapse :items="processors" :fields="fields" :empty-text="$t('global.table.emptyMessage')" @@ -159,74 +159,50 @@ export default { { key: 'expandRow', label: '', - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-expand`, - tdClass: 'table-row-expand bootstrap-rounded-table__td', + thStyle: { width: '3%' }, sortable: false, }, { key: 'status', label: 'Статус', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-first`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '17%' }, }, { key: 'name', label: 'Имя', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-second`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '15%' }, }, { key: 'model', label: 'Модель', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-third`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '12%' }, }, { key: 'serialNumber', label: 'Серийный номер', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-second`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '15%' }, }, { key: 'version', label: 'Версия', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-fourth`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '10%' }, }, { key: 'frequency', label: 'Частота', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__without-border - fans-table-col-fourth`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '10%' }, }, { key: 'cores', label: 'Ядра', formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: `bootstrap-rounded-table__column-last - fans-table-col-fourth`, - tdClass: 'regular-12px bootstrap-rounded-table__td', + thStyle: { width: '10%' }, }, ], expandRowLabel: expandRowLabel, @@ -234,27 +210,6 @@ export default { }, }; </script> -<style lang="scss"> -.fans-table-col-expand { - width: 3%; -} -.fans-table-col-first { - width: 17%; -} - -.fans-table-col-second { - width: 15%; -} - -.fans-table-col-third { - width: 12%; -} - -.fans-table-col-fourth { - width: 10%; -} -</style> - <style lang="scss" scoped> .row { margin: 0px; |