Fix pluginstxt dialog

components/PluginTxtEditor.tsx

@@ -40,7 +40,7 @@ const PluginsLoader: React.FC<Props> = () => {
       <button onClick={onPluginsTxtButtonClick}>
         {!pluginsTxt ? "Paste" : "Edit"} Skyrim plugins.txt file
       </button>
-      {process.browser &&
+      {typeof window !== "undefined" &&
         createPortal(
           <dialog open={pluginsTxtShown} className={styles.dialog}>
             <h3>Paste plugins.txt</h3>
@@ -79,8 +79,6 @@ const PluginsLoader: React.FC<Props> = () => {
           </dialog>,
           document.body
         )}
-      {process.browser &&
-        createPortal(<div className={styles["drop-area"]} />, document.body)}
     </>
   );
 };

styles/PluginTxtEditor.module.css

@@ -1,6 +1,6 @@
 .dialog {
   top: 12px;
-  z-index: 4;
+  z-index: 8;
   background-color: #fbefd5;
   box-shadow: 0 0 1em black;
   max-width: 400px;
@@ -21,11 +21,3 @@
   display: flex;
   justify-content: space-between;
 }
-
-.drop-area {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-}