style: scroll bar style

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);
+    }
   }
 }