调整侧边工具栏宽度 48px 避免横向滚动条

dashboard/src/components/library/article/ProTabs.tsx

@@ -29,7 +29,7 @@ const Widget = () => {
   const divTerm = useRef<HTMLDivElement>(null);
   const divCart = useRef<HTMLDivElement>(null);
   const divPanel = useRef<HTMLDivElement>(null);
-  const rightBarWidth = "40px";
+  const rightBarWidth = "48px";
   const closeAll = () => {
     if (divPanel.current) {
       divPanel.current.style.display = "none";

dashboard/src/pages/library/article/show.tsx

@@ -35,34 +35,32 @@ const Widget = () => {
     }
   };
 
-  const rightBarWidth = "40px";
+  const rightBarWidth = "48px";
   return (
-    <div className="site-drawer-render-in-current-wrapper">
-      <div style={{ width: "100%", display: "flex" }}>
-        <div style={{ width: `calc(100%-${rightBarWidth})`, display: "flex" }}>
-          <div style={{ flex: 5 }}>
-            <ArticleCard
-              onModeChange={(e: ArticleMode) => {
-                setArticleMode(e);
-              }}
-              showCol={openCol}
-            >
-              <Article
-                active={true}
-                type={`corpus/${type}`}
-                articleId={id}
-                mode={articleMode}
-              />
-            </ArticleCard>
-          </div>
-          <div style={{ flex: 5 }} ref={box}>
-            <ArticleTabs onClose={closeCol} />
-          </div>
+    <div style={{ width: "100%", display: "flex" }}>
+      <div style={{ width: `calc(100% - ${rightBarWidth})`, display: "flex" }}>
+        <div style={{ flex: 5 }}>
+          <ArticleCard
+            onModeChange={(e: ArticleMode) => {
+              setArticleMode(e);
+            }}
+            showCol={openCol}
+          >
+            <Article
+              active={true}
+              type={`corpus/${type}`}
+              articleId={id}
+              mode={articleMode}
+            />
+          </ArticleCard>
         </div>
-        <div>
-          <ProTabs />
+        <div style={{ flex: 5 }} ref={box}>
+          <ArticleTabs onClose={closeCol} />
         </div>
       </div>
+      <div>
+        <ProTabs />
+      </div>
     </div>
   );
 };