From bd74389d034f1c0a4c9ae71ab709dad348e3940c Mon Sep 17 00:00:00 2001
From: SeeLey Wang <zdlp@sina.cn>
Date: Fri, 11 Oct 2024 22:13:53 +0800
Subject: [PATCH] fix overflow

---
 zbook_frontend/src/components/parsers/HtmlParser.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/zbook_frontend/src/components/parsers/HtmlParser.tsx b/zbook_frontend/src/components/parsers/HtmlParser.tsx
index cc4c04a..8802cf0 100644
--- a/zbook_frontend/src/components/parsers/HtmlParser.tsx
+++ b/zbook_frontend/src/components/parsers/HtmlParser.tsx
@@ -167,7 +167,12 @@ const HtmlParser: React.FC<HtmlParserProps> = ({
             );
           } else if (classList.includes("adm-body")) {
             return (
-              <div key={randomKey} className="px-4 md:px-6 overflow-x-auto">
+              <div
+                key={randomKey}
+                className="px-4 md:px-6 overflow-x-auto scrollbar scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-h-[6px]
+                scrollbar-thumb-slate-200 scrollbar-track-slate-100
+                dark:scrollbar-thumb-slate-500/50 dark:scrollbar-track-slate-500/[0.16]"
+              >
                 {domToReact(domNode.children, options)}
               </div>
             );