fix(web): fix style in npm deps list area (labring#1546)

fix bug woth delete button covered by scrollbar in npm dependency list area on issues/1546
yuedanlabs · Sep 20, 2023 · 11d3c46 · 11d3c46
1 parent 0b903e8
commit 11d3c46
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/web/src/pages/app/functions/mods/DependencePanel/index.tsx b/web/src/pages/app/functions/mods/DependencePanel/index.tsx
@@ -73,6 +73,7 @@ export default function DependenceList() {
           <TabPanel px={0} py={1}>
             {customPackage.length > 0 ? (
               <SectionList
+                className="pr-2"
                 style={{ height: SECTION_HEIGHT, overflowY: "auto", overflowX: "hidden" }}
               >
                 {customPackage.map((packageItem: TPackage) => {
@@ -122,7 +123,10 @@ export default function DependenceList() {
           </TabPanel>
           <TabPanel px={0} py={1}>
             {/* build in packages */}
-            <SectionList style={{ height: SECTION_HEIGHT, overflowY: "auto", overflowX: "hidden" }}>
+            <SectionList
+              className="pr-2"
+              style={{ height: SECTION_HEIGHT, overflowY: "auto", overflowX: "hidden" }}
+            >
               {builtinPackage.map((packageItem: TPackage) => {
                 return (
                   <SectionList.Item