diff --git a/src/rust/lqosd/src/node_manager/js_build/src/helpers/our_modals.js b/src/rust/lqosd/src/node_manager/js_build/src/helpers/our_modals.js index 739a0040..acbfc79d 100644 --- a/src/rust/lqosd/src/node_manager/js_build/src/helpers/our_modals.js +++ b/src/rust/lqosd/src/node_manager/js_build/src/helpers/our_modals.js @@ -2,29 +2,14 @@ export function darkBackground(id) { let darken = document.createElement("div"); darken.id = id; - darken.style.zIndex = 200; - darken.style.position = "absolute"; - darken.style.top = "0px"; - darken.style.bottom = "0px"; - darken.style.left = "0px"; - darken.style.right = "0px"; - darken.style.background = "rgba(1, 1, 1, 0.75)"; + darken.classList.add("darkenBackground") return darken; } // Creates a div that sits happily atop the window export function modalContent(closeTargetId) { let content = document.createElement("div"); - content.style.zIndex = 210; - content.style.position = "absolute"; - content.style.top = "10%"; - content.style.bottom = "10%"; - content.style.left = "10%"; - content.style.right = "10%"; - //content.style.maxWidth = "500px"; - //content.style.maxHeight = "500px"; - content.style.background = "#eee"; - content.style.padding = "10px"; + content.classList.add("myModal"); content.appendChild(closeButton(closeTargetId)); return content; } diff --git a/src/rust/lqosd/src/node_manager/static2/node_manager.css b/src/rust/lqosd/src/node_manager/static2/node_manager.css index eafede4c..8e68bf46 100644 --- a/src/rust/lqosd/src/node_manager/static2/node_manager.css +++ b/src/rust/lqosd/src/node_manager/static2/node_manager.css @@ -53,4 +53,25 @@ body.dark-mode { } .tiny { font-size: 8pt; +} + +.darkenBackground { + z-index: 200; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + padding: 10px; + background: rgba(1, 1, 1, 0.75); +} +.myModal { + z-index: 210; + position: absolute; + top: 10%; + bottom: 10%; + left: 10%; + right: 10%; + padding: 10px; + background: var(--bs-body-bg); } \ No newline at end of file