add scrollbar style for inventory

2 files changed, 15 insertions, 8 deletions

diff --git a/src/assets/styles/bmc/_sila/_base.scss b/src/assets/styles/bmc/_sila/_base.scss
index 138f623f..4a54d84e 100644
--- a/src/assets/styles/bmc/_sila/_base.scss
+++ b/src/assets/styles/bmc/_sila/_base.scss
@@ -18,6 +18,13 @@
   background: transparent;
 }
 
+.inventory-scroll {
+  *::-webkit-scrollbar-track {
+    background: transparent;
+    margin: 0 7px;
+  }
+}
+
 *::-webkit-scrollbar-thumb {
   background-color: rgba(12,32,64,.7);
   border-radius: 2px;
diff --git a/src/views/_sila/Overview/Inventory/Inventory.vue b/src/views/_sila/Overview/Inventory/Inventory.vue
index 41258597..a8db953d 100644
--- a/src/views/_sila/Overview/Inventory/Inventory.vue
+++ b/src/views/_sila/Overview/Inventory/Inventory.vue
@@ -23,28 +23,28 @@
     </page-section>
 
     <!-- System table -->
-    <table-system ref="system" />
+    <table-system ref="system" class="inventory-scroll" />
 
     <!-- BMC manager table -->
-    <table-bmc-manager ref="bmc" />
+    <table-bmc-manager ref="bmc" class="inventory-scroll" />
 
     <!-- Chassis table -->
-    <table-chassis ref="chassis" />
+    <table-chassis ref="chassis" class="inventory-scroll" />
 
     <!-- DIMM slot table -->
-    <table-dimm-slot ref="dimms" />
+    <table-dimm-slot ref="dimms" class="inventory-scroll" />
 
     <!-- Fans table -->
-    <table-fans ref="fans" />
+    <table-fans ref="fans" class="inventory-scroll" />
 
     <!-- Power supplies table -->
-    <table-power-supplies ref="powerSupply" />
+    <table-power-supplies ref="powerSupply" class="inventory-scroll" />
 
     <!-- Processors table -->
-    <table-processors ref="processors" />
+    <table-processors ref="processors" class="inventory-scroll" />
 
     <!-- Assembly table -->
-    <table-assembly ref="assembly" />
+    <table-assembly ref="assembly" class="inventory-scroll" />
   </b-container>
 </template>