fix(ui): fix unexpected sidenav icon scale on windows chrome (#138)

nuxt · Mar 19, 2023 · 310117a · 310117a
1 parent a94fd4d
commit 310117a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/devtools/client/components/SideNav.vue b/packages/devtools/client/components/SideNav.vue
@@ -5,7 +5,7 @@ const tabs = useTabs()
 
 <template>
   <div border="r base" flex="~ col gap-0.5" h-full items-center bg-base z-100>
-    <div flex="~ col" items-center bg-base top-0 pt3 sticky z-1 mb1>
+    <div flex="~ col" items-center bg-base top-0 pt3 sticky z-1 mb1 overflow-overlay>
       <VDropdown placement="left-start" :distance="20">
         <button
 

diff --git a/packages/devtools/client/styles/global.css b/packages/devtools/client/styles/global.css
@@ -93,3 +93,12 @@ textarea {
   border-width: 0 !important;
   border-radius: 5px !important;
 }
+
+*::-webkit-scrollbar{
+  width: 3px;
+  height: 3px;
+}
+
+*::-webkit-scrollbar-thumb{
+  background: #878787;
+}