diff options
author | Vitalii Lysak <v.lysak@dunice.net> | 2022-08-01 18:30:54 +0300 |
---|---|---|
committer | Vitalii Lysak <v.lysak@dunice.net> | 2022-08-01 18:30:54 +0300 |
commit | 20f718fc04f3ad8b8be0236f23717a63c5e8757c (patch) | |
tree | 24e5c7476e9b6784592bfae7848b2cb0b9a7e872 | |
parent | fbdb3b26678211a9cd7fb8683cf48b56d595604e (diff) | |
download | webui-vue-20f718fc04f3ad8b8be0236f23717a63c5e8757c.tar.xz |
add scrollbar style for inventory
-rw-r--r-- | src/assets/styles/bmc/_sila/_base.scss | 7 | ||||
-rw-r--r-- | src/views/_sila/Overview/Inventory/Inventory.vue | 16 |
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> |