From cdadc80945fb868079e72d57108d4e51d5da07ab Mon Sep 17 00:00:00 2001
From: MystiPanda <mystipanda@proton.me>
Date: Wed, 3 Jul 2024 13:13:29 +0800
Subject: [PATCH] fix: dialog styles

---
 src/components/profile/editor-viewer.tsx       | 2 +-
 src/components/profile/rules-editor-viewer.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/profile/editor-viewer.tsx b/src/components/profile/editor-viewer.tsx
index 33e73c50..0ec82eb5 100644
--- a/src/components/profile/editor-viewer.tsx
+++ b/src/components/profile/editor-viewer.tsx
@@ -162,7 +162,7 @@ export const EditorViewer = <T extends Language>(props: Props<T>) => {
     <Dialog open={open} onClose={onClose} maxWidth="xl" fullWidth>
       <DialogTitle>{title}</DialogTitle>
 
-      <DialogContent sx={{ width: "auto", height: "100vh" }}>
+      <DialogContent sx={{ width: "auto", height: "calc(100vh - 185px)" }}>
         <MonacoEditor
           language={language}
           theme={themeMode === "light" ? "vs" : "vs-dark"}
diff --git a/src/components/profile/rules-editor-viewer.tsx b/src/components/profile/rules-editor-viewer.tsx
index 806d323f..fe57fdc0 100644
--- a/src/components/profile/rules-editor-viewer.tsx
+++ b/src/components/profile/rules-editor-viewer.tsx
@@ -391,12 +391,13 @@ export const RulesEditorViewer = (props: Props) => {
         }
       </DialogTitle>
 
-      <DialogContent sx={{ display: "flex", width: "auto", height: "100vh" }}>
+      <DialogContent
+        sx={{ display: "flex", width: "auto", height: "calc(100vh - 185px)" }}
+      >
         {visible ? (
           <>
             <List
               sx={{
-                height: "calc(100% - 16px)",
                 width: "50%",
                 padding: "0 10px",
               }}
@@ -520,7 +521,6 @@ export const RulesEditorViewer = (props: Props) => {
 
             <List
               sx={{
-                height: "calc(100% - 16px)",
                 width: "50%",
                 padding: "0 10px",
               }}
@@ -530,7 +530,7 @@ export const RulesEditorViewer = (props: Props) => {
                 onSearch={(match) => setMatch(() => match)}
               />
               <Virtuoso
-                style={{ height: "calc(100% - 16px)", marginTop: "8px" }}
+                style={{ height: "calc(100% - 24px)", marginTop: "8px" }}
                 totalCount={
                   filteredRuleList.length +
                   (prependSeq.length > 0 ? 1 : 0) +