style: modify custom scrollbar

src/layout/index.vue

@@ -18,7 +18,7 @@
       <n-layout bg="#f5f6fb" :style="`height: calc(100% - ${useTheme.header.height ?? 60}px)`">
         <AppTags v-if="useTheme.tags.visible" />
         <AppMain
-          class="cur-scroll border-t bc-eee"
+          class="cus-scroll border-t bc-eee"
           :style="{
             height: `calc(100% - ${useTheme.tags.visible ? useTheme.tags.height ?? 50 : 0}px)`,
             overflow: 'auto',

src/styles/index.scss

@@ -33,16 +33,15 @@ body {
 }
 
 /* 自定义滚动条样式 */
-.cur-scroll {
+.cus-scroll {
   &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
+    width: 8px;
+    height: 8px;
   }
   &::-webkit-scrollbar-thumb {
     background-color: transparent;
     border-radius: 3px;
   }
-
   &::-webkit-scrollbar-corner {
     background: #f6f6f6;
   }

src/views/login/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="login-bg cur-scroll" h-full flex-col overflow-auto>
+  <div class="login-bg cus-scroll" h-full flex-col overflow-auto>
     <div class="login-wrapper" m-auto p-15 f-c-c min-w-345 rounded-10>
       <div w-380 hidden md:block px-20 py-35>
         <img src="@/assets/images/login_banner.png" w-full alt="login_banner" />