style: scroll bar style

src/global.less

@@ -446,6 +446,26 @@ body {
     .ant-message-notice-content {
       background-color: var(--ant-color-error-bg);
       color: var(--ant-color-error);
+      // custom scrollbar
+      &::-webkit-scrollbar {
+        width: 6px;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        background-color: transparent;
+        border-radius: 4px;
+      }
+
+      &::-webkit-scrollbar-track {
+        background-color: transparent;
+      }
+
+      &:hover {
+        &::-webkit-scrollbar-thumb {
+          background-color: var(--ant-color-fill);
+          border-radius: 4px;
+        }
+      }
     }
   }
 

src/pages/llmodels/components/model-card.tsx

@@ -24,12 +24,7 @@ const ModelCard: React.FC<{ repo: string }> = (props) => {
     }
     try {
       const res = await queryHuggingfaceModelDetail({ repo });
-      const modelConfig = await loadFile(repo, res.sha);
-      console.log('modelcard=======', {
-        res,
-        repo,
-        modelConfig
-      });
+
       setModelData(res);
     } catch (error) {
       setModelData({});

src/pages/llmodels/style/column-wrapper.less

@@ -10,12 +10,19 @@
   }
 
   &::-webkit-scrollbar-thumb {
-    background-color: var(--ant-color-fill);
+    background-color: transparent;
     border-radius: 4px;
   }
 
   &::-webkit-scrollbar-track {
-    background-color: var(--color-white-1);
+    background-color: transparent;
+  }
+
+  &:hover {
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--ant-color-fill);
+      border-radius: 4px;
+    }
   }
 }
 

src/pages/llmodels/style/search-result.less

@@ -12,12 +12,18 @@
   }
 
   &::-webkit-scrollbar-thumb {
-    background-color: var(--ant-color-fill);
+    background-color: transparent;
     border-radius: 4px;
   }
 
   &::-webkit-scrollbar-track {
-    background-color: var(--color-white-1);
+    background-color: transparent;
+  }
+
+  &:hover {
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--ant-color-fill);
+    }
   }
 }