BUGFIX: Modified layout of tags tab so elements don't overlap.

This commit is contained in:
korutech-ai
2024-08-28 11:52:04 +12:00
parent 3943034a18
commit 6a3eed6157

View File

@@ -2635,8 +2635,8 @@ class ModelInfo {
break; break;
} }
} }
tagsElement.innerHTML = ""; const tagGenerator = $el(
tagsElement.append.apply(tagsElement, [ "div", [
$el("h1", ["Tags"]), $el("h1", ["Tags"]),
$el("h2", { style: { margin: "0px 0px 16px 0px" } }, ["Random Tag Generator"]), $el("h2", { style: { margin: "0px 0px 16px 0px" } }, ["Random Tag Generator"]),
$el("div", [ $el("div", [
@@ -2673,8 +2673,19 @@ class ModelInfo {
}, },
}).element, }).element,
]), ]),
$el("h2", {style: { margin: "24px 0px 8px 0px" } }, ["Training Tags"]), ]
)
tagsElement.innerHTML = "";
tagsElement.append.apply(tagsElement, [
tagGenerator,
$el("div", [
$el("h2", {
style: {
margin: "24px 0px 8px 0px"
}
}, ["Tags"]),
tagsParagraph, tagsParagraph,
]),
]); ]);
const tagButton = this.elements.tabButtons[2]; // TODO: remove magic value const tagButton = this.elements.tabButtons[2]; // TODO: remove magic value
tagButton.style.display = isTags ? "" : "none"; tagButton.style.display = isTags ? "" : "none";