From 5b050265c109c99761848d24f2022d8e06a236a7 Mon Sep 17 00:00:00 2001
From: jialin <jialinkuang@126.com>
Date: Fri, 16 Aug 2024 18:46:33 +0800
Subject: [PATCH] style: scroll bar style

---
 config/config.ts                             | 19 -------------------
 config/proxy.ts                              | 12 ------------
 src/global.less                              | 20 ++++++++++++++++++++
 src/pages/llmodels/components/model-card.tsx |  7 +------
 src/pages/llmodels/style/column-wrapper.less | 11 +++++++++--
 src/pages/llmodels/style/search-result.less  | 10 ++++++++--
 6 files changed, 38 insertions(+), 41 deletions(-)

diff --git a/config/config.ts b/config/config.ts
index 0538e839..36546891 100644
--- a/config/config.ts
+++ b/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',
diff --git a/config/proxy.ts b/config/proxy.ts
index 1ffe62db..39dccc71 100644
--- a/config/proxy.ts
+++ b/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'
diff --git a/src/global.less b/src/global.less
index b6c585fb..6cf8c010 100644
--- a/src/global.less
+++ b/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;
+        }
+      }
     }
   }
 
diff --git a/src/pages/llmodels/components/model-card.tsx b/src/pages/llmodels/components/model-card.tsx
index e96dd313..3fb998a9 100644
--- a/src/pages/llmodels/components/model-card.tsx
+++ b/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({});
diff --git a/src/pages/llmodels/style/column-wrapper.less b/src/pages/llmodels/style/column-wrapper.less
index 3ea4f56f..e26855b6 100644
--- a/src/pages/llmodels/style/column-wrapper.less
+++ b/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;
+    }
   }
 }
 
diff --git a/src/pages/llmodels/style/search-result.less b/src/pages/llmodels/style/search-result.less
index 75ef40eb..1cf808da 100644
--- a/src/pages/llmodels/style/search-result.less
+++ b/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);
+    }
   }
 }