From 80a5b7f053e9f50cdd17444fa59863ad678e6570 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E4=BC=A0=E9=BE=99?= <zclzone@outlook.com>
Date: Thu, 21 Jul 2022 17:47:11 +0800
Subject: [PATCH] style: modify custom scrollbar

---
 src/layout/index.vue      | 2 +-
 src/styles/index.scss     | 7 +++----
 src/views/login/index.vue | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/layout/index.vue b/src/layout/index.vue
index 5ea13ba..0a32492 100644
--- a/src/layout/index.vue
+++ b/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',
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 4bb91b8..efb5319 100644
--- a/src/styles/index.scss
+++ b/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;
   }
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 80140a4..8b15b8b 100644
--- a/src/views/login/index.vue
+++ b/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" />