tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix instance type setting,

Browse Source 
add min-content to center-div
This commit is contained in:
Arthur Lu 2022-12-13 23:26:43 -08:00
parent 63943782c6
commit cb2cc97387
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/style.css
View File

@ -32,6 +32,7 @@ p {
.center-div {
min-width: 480px;
max-width: 50%;
width: min-content;
margin-left: auto;
margin-right: auto;
}

8
scripts/elements.js
View File

@ -58,8 +58,8 @@ class Instance extends HTMLElement {
super();
let shadowRoot = this.attachShadow({mode: "open"});
let instanceDiv = document.createElement("div");
shadowRoot.append(instanceDiv);
let instanceArticle = document.createElement("article");
shadowRoot.append(instanceArticle);
let styleLink = document.createElement("link");
styleLink.rel = "stylesheet";
@ -71,10 +71,10 @@ class Instance extends HTMLElement {
}
set data (data) {
let instanceDiv = this.shadowElement.querySelector("div");
let instanceArticle = this.shadowElement.querySelector("article");
let instanceParagraph = document.createElement("p");
instanceParagraph.innerText = `CT | ${data.vmid} | ${data.name} | ${data.status}`;
instanceParagraph.innerText = `${data.type} | ${data.vmid} | ${data.name} | ${data.status}`;
instanceParagraph.style.color = data.status === "running" ? "#00ff00" : "#ff0000";
instanceDiv.append(instanceParagraph);
}