chore: update dialog overflow style (#1872)

web/src/components/Dialog/BaseDialog.tsx

@@ -25,7 +25,6 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
   const dialogIndex = dialogStore.state.dialogStack.findIndex((item) => item === dialogName);
 
   useEffect(() => {
-    document.body.classList.add("overflow-hidden");
     dialogStore.pushDialogStack(dialogName);
     const handleKeyDown = (event: KeyboardEvent) => {
       if (event.code === "Escape") {
@@ -40,9 +39,6 @@ const BaseDialog: React.FC<Props> = (props: Props) => {
     return () => {
       document.body.removeEventListener("keydown", handleKeyDown);
       dialogStore.removeDialog(dialogName);
-      if (dialogStore.state.dialogStack.length === 0) {
-        document.body.classList.remove("overflow-hidden");
-      }
     };
   }, []);
 
@@ -92,7 +88,6 @@ export function generateDialog<T extends DialogProps>(
     hide: () => {
       tempDiv.firstElementChild?.classList.remove("showup");
       tempDiv.firstElementChild?.classList.add("showoff");
-      document.body.classList.remove("overflow-hidden");
     },
   };
 

web/src/css/global.css

@@ -1,11 +1,11 @@
 html,
 body {
-  @apply text-base w-full h-full dark:bg-zinc-800;
+  @apply text-base w-full h-full overflow-hidden dark:bg-zinc-800;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Noto Sans",
     "Noto Sans CJK SC", "Microsoft YaHei UI", "Microsoft YaHei", "WenQuanYi Micro Hei", "Apple Color Emoji", "Segoe UI Emoji",
     "Segoe UI Symbol", "Noto Color Emoji", sans-serif;
 }
 
 #root {
-  @apply w-full h-full;
+  @apply w-full h-full overflow-auto;
 }