thallada/modmapper-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix pluginstxt dialog

Browse Source
This commit is contained in:
Tyler Hallada 2022-03-10 00:46:59 -05:00
parent 391fa0669d
commit d45c4f51b1
2 changed files with 2 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/PluginTxtEditor.tsx
View File

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

10
styles/PluginTxtEditor.module.css
View File

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