App: Move scroll style to global

Signed-off-by: Patrick José Pereira <[email protected]>
bluerobotics · Jul 31, 2023 · 6bd95ac · 6bd95ac
1 parent f4e3072
commit 6bd95ac
Showing 1 changed file with 20 additions and 17 deletions.
diff --git a/core/frontend/src/App.vue b/core/frontend/src/App.vue
@@ -688,6 +688,26 @@ export default Vue.extend({
 })
 </script>
 
+<style>
+::-webkit-scrollbar {
+ width: 5px;
+}
+
+::-webkit-scrollbar-track {
+ box-shadow: inset 0 0 1px grey;
+ background: var(--v-primary-darken2);
+}
+
+::-webkit-scrollbar-thumb {
+ background: var(--v-primary-darken3);
+ transition: visibility 2s;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: var(--v-primary-base);
+}
+</style>
+
 <style scoped>
 html {
  overflow-y: auto
@@ -744,23 +764,6 @@ div.pirate-marker.v-icon {
  padding-left: 32px;
 }
 
-.v-navigation-drawer__content::-webkit-scrollbar {
- width: 8px;
-}
-
-.v-navigation-drawer__content::-webkit-scrollbar-track {
- box-shadow: inset 0 0 1px grey;
-}
-
-.v-navigation-drawer__content::-webkit-scrollbar-thumb {
- background: var(--v-primary-darken3);
- transition: visibility 2s;
-}
-
-.v-navigation-drawer__content::-webkit-scrollbar-thumb:hover {
- background: var(--v-primary-base);
-}
-
 #context-menu {
  position: fixed;
  z-index: 10000;