style: scroll bar style

config/config.ts

@@ -55,28 +55,9 @@ export default defineConfig({
                 minRatio: 0.8
               }
             ]);
-          // config.module
-          //   .rule('images')
-          //   .test(/\.(png|jpe?g|gif|svg|ico)(\?.*)?$/)
-          //   .use('url-loader')
-          //   .loader(require.resolve('url-loader'))
-          //   .tap((options: any) => {
-          //     console.log('iamges==options========', options);
-          //     return {
-          //       ...options,
-          //       limit: 8192, // 小于8KB的图片会被转为base64
-          //       fallback: {
-          //         loader: require.resolve('file-loader'),
-          //         options: {
-          //           name: 'static/[name].[hash:8].[ext]' // 将所有图片输出到 static 目录
-          //         }
-          //       }
-          //     };
-          //   });
         }
       }
     : {}),
-  // esbuildMinifyIIFE: true,
 
   favicons: ['/static/favicon.png'],
   jsMinifier: 'terser',

config/proxy.ts

@@ -11,18 +11,6 @@ export default function createProxyTable(target?: string) {
         secure: false,
         ws: true,
         pathRewrite: (pth: string) => pth.replace(`/^/${api}`, `/${api}`),
-        // onProxyRes: (proxyRes: any, req: any, res: any) => {
-        //   if (req.headers.accept === 'text/event-stream') {
-        //     res.writeHead(res.statusCode, {
-        //       'Content-Type': 'text/event-stream',
-        //       'Cache-Control': 'no-transform',
-        //       Connection: 'keep-alive',
-        //       'X-Accel-Buffering': 'no',
-        //       'Access-Control-Allow-Origin': '*'
-        //     });
-        //     proxyRes.pipe(res);
-        //   }
-        // },
         headers: {
           origin: newTarget,
           Connection: 'keep-alive'

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