diff options
Diffstat (limited to 'src/components/Global/SilaComponents')
4 files changed, 9 insertions, 76 deletions
diff --git a/src/components/Global/SilaComponents/Tables/AccessoryTable.vue b/src/components/Global/SilaComponents/Tables/AccessoryTable.vue index 2b25d880..4cb64929 100644 --- a/src/components/Global/SilaComponents/Tables/AccessoryTable.vue +++ b/src/components/Global/SilaComponents/Tables/AccessoryTable.vue @@ -1,8 +1,10 @@ <template> <section class="bootstrap-table__section"> <b-table + id="table-accessory" responsive="md" - class="bootstrap-fans-table bootstrap-fans-table__stripes" + class="table-accessory" + no-border-collapse :items="records.items" :fields="records.fields" > @@ -67,21 +69,6 @@ export default { }, }; </script> -<style lang="scss"> -.bootstrap-fans-table__th { - background-color: transparent !important; - color: $text-primary !important; - border-top: none !important; - padding: 10px 5px !important; - border-bottom: 1px solid $faint-secondary-primary-10; -} - -.bootstrap-fans-table__td { - padding: 5px !important; - border-top: none !important; -} -</style> - <style lang="scss" scoped> .fans-colors { display: inline-block; diff --git a/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue b/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue index 120a03a3..1f511ffc 100644 --- a/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue +++ b/src/components/Global/SilaComponents/Tables/AccessoryTableDrivers.vue @@ -5,7 +5,8 @@ </span> <b-table responsive="md" - class="bootstrap-fans-table bootstrap-fans-table__stripes" + class="table-accessory" + no-border-collapse :items="records.items" :fields="records.fields" > @@ -70,33 +71,6 @@ export default { }, }; </script> -<style lang="scss"> -.bootstrap-fans-table__th { - background-color: transparent !important; - color: $text-primary !important; - border-top: none !important; - padding: 10px 5px !important; - border-bottom: 1px solid $faint-secondary-primary-10; -} - -.bootstrap-fans-table__td { - padding: 5px !important; - border-top: none !important; -} - -.SMART-table-col-first { - width: 34%; -} - -.SMART-table-col-second { - width: 32%; -} - -.SMART-table-col-last { - width: 39%; -} -</style> - <style lang="scss" scoped> .fans-colors { display: inline-block; diff --git a/src/components/Global/SilaComponents/Tables/AccessoryTablePower.vue b/src/components/Global/SilaComponents/Tables/AccessoryTablePower.vue index 6f696b82..4e957c6e 100644 --- a/src/components/Global/SilaComponents/Tables/AccessoryTablePower.vue +++ b/src/components/Global/SilaComponents/Tables/AccessoryTablePower.vue @@ -5,7 +5,8 @@ </span> <b-table responsive="md" - class="bootstrap-fans-table bootstrap-fans-table__stripes" + class="table-accessory" + no-border-collapse :items="records.items" :fields="records.fields" > @@ -71,21 +72,6 @@ export default { }, }; </script> -<style lang="scss"> -.bootstrap-fans-table__th { - background-color: transparent !important; - color: $text-primary !important; - border-top: none !important; - padding: 10px 5px !important; - border-bottom: 1px solid $faint-secondary-primary-10; -} - -.bootstrap-fans-table__td { - padding: 5px !important; - border-top: none !important; -} -</style> - <style lang="scss" scoped> .fans-colors { display: inline-block; diff --git a/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue b/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue index dffb7b1f..37de1c6b 100644 --- a/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue +++ b/src/components/Global/SilaComponents/Tables/AccessoryTableWithLabel.vue @@ -5,7 +5,8 @@ </span> <b-table responsive="md" - class="bootstrap-fans-table bootstrap-fans-table__stripes" + class="table-accessory" + no-border-collapse :items="records.items" :fields="records.fields" > @@ -79,21 +80,6 @@ export default { }, }; </script> -<style lang="scss"> -.bootstrap-fans-table__th { - background-color: transparent !important; - color: $text-primary !important; - border-top: none !important; - padding: 10px 5px !important; - border-bottom: 1px solid $faint-secondary-primary-10; -} - -.bootstrap-fans-table__td { - padding: 5px !important; - border-top: none !important; -} -</style> - <style lang="scss" scoped> .fans-colors { display: inline-block; |