fix: adds custom scrollbars back

2025-12-24 06:28:42 +01:00 · 2023-09-22 11:03:34 -07:00
parent 9f3a256334
commit b437850063
1 changed files with 31 additions and 0 deletions
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -22,3 +22,34 @@ watchEffect(() => {
  }
 });
 </script>
+<style lang="postcss">
+html.has-custom-scrollbars {
+  ::-webkit-scrollbar {
+    width: 8px;
+    display: content;
+  }
+
+  ::-webkit-scrollbar-thumb {
+    background-color: rgba(128, 128, 128, 0.33);
+    outline: 1px solid slategrey;
+    border-radius: 4px;
+  }
+
+  ::-webkit-scrollbar-thumb:active {
+    background-color: #777;
+  }
+
+  ::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  ::-webkit-scrollbar-track:hover {
+    background-color: rgba(64, 64, 64, 0.33);
+  }
+
+  section main {
+    scrollbar-color: #353535 transparent;
+    scrollbar-width: thin;
+  }
+}
+</style>