fix(web): json data max height

labring · Apr 3, 2023 · 9652717 · 9652717
1 parent d1a8f8a
commit 9652717
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 5 deletions.
diff --git a/web/src/App.css b/web/src/App.css
@@ -20,7 +20,7 @@
 /* 滚动条滑块 */
 ::-webkit-scrollbar-thumb {
   border-radius: 4px;
-  background: rgba(0, 0, 0, 0.5);
+  background: rgba(0, 0, 0, 0.2);
 }
 
 html,

diff --git a/web/src/components/Editor/JSONViewer.tsx b/web/src/components/Editor/JSONViewer.tsx
@@ -245,8 +245,8 @@ export default function JSONViewer(props: JSONViewerProps) {
   return (
     <div
       style={{
-        maxHeight: 100,
-        overflow: "hidden",
+        maxHeight: 390,
+        overflow: "auto",
       }}
     >
       <SyntaxHighlighter

diff --git a/web/src/components/Editor/JsonEditor.tsx b/web/src/components/Editor/JsonEditor.tsx
@@ -56,7 +56,7 @@ function JsonEditor(props: {
           alwaysConsumeMouseWheel: false,
         },
         lineNumbersMinChars: 0,
-        fontSize: 14,
+        fontSize: 13,
         scrollBeyondLastLine: false,
         folding: false,
         overviewRulerBorder: false,

diff --git a/web/src/pages/home/mods/CreateAppModal/BundleItem/index.tsx b/web/src/pages/home/mods/CreateAppModal/BundleItem/index.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useColorMode } from "@chakra-ui/react";
 import clsx from "clsx";
 import { t } from "i18next";