调整滚动条样式

Hacker233 · Jul 28, 2022 · 0925afe · 0925afe · vercel · Jul 28, 2022
1 parent 555fed2
commit 0925afe
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -12,4 +12,8 @@
   const { isLoading } = storeToRefs(useLoadingStore());
   openAndCloseLoadingByTime(1500); // 等待动画层
 </script>
-<style></style>
+<style>
+  #app {
+    min-width: 1500px;
+  }
+</style>
diff --git a/src/components/ResumeTheme/ResumeTheme.vue b/src/components/ResumeTheme/ResumeTheme.vue
@@ -187,5 +187,7 @@
 <style lang="less" scoped>
   .resume-theme-box {
     padding: 20px;
+    box-sizing: border-box;
+    overflow-x: hidden;
   }
 </style>
diff --git a/src/style/normalize.css b/src/style/normalize.css
@@ -364,20 +364,22 @@ template {
 }
 
 ::-webkit-scrollbar {
+  /* display: none; */
   width: 8px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar-thumb {
   display: block;
-  min-height: 12px;
+  min-height: 4px;
   min-width: 8px;
   border-radius: 6px;
   background-color: rgb(217, 217, 217);
 }
 
 ::-webkit-scrollbar-thumb:hover {
   display: block;
-  min-height: 12px;
+  min-height: 4px;
   min-width: 8px;
   border-radius: 6px;
   background-color: rgb(159, 159, 159);