UI: fix stray element in theme.html

This commit is contained in:
Pieter Vander Vennet 2025-01-30 14:50:40 +01:00
parent f26f22a95c
commit 1af21714f2
2 changed files with 20 additions and 18 deletions

View file

@ -5,13 +5,17 @@ import CustomThemeError from "./UI/CustomThemeError.svelte"
async function main() {
const target = document.getElementById("maindiv")
const childs = Array.from(target.children)
try {
childs.forEach((ch) => target.removeChild(ch))
} catch (e) {
console.error("Huh? Couldn't remove child!")
}
try {
const theme = await DetermineTheme.getTheme()
new SingleThemeGui({
target,
props: { theme },
})
childs.forEach((ch) => target.removeChild(ch))
Array.from(document.getElementsByClassName("delete-on-load")).forEach((el) => {
el.parentElement.removeChild(el)
})

View file

@ -54,27 +54,25 @@
<a rel="me" href="https://en.osm.town/@MapComplete" class="hidden">Mastodon</a>
<div class="h-screen" id="maindiv">
<div id="default-main h-full">
<div class="w-full h-screen flex flex-col items-center justify-between p-8">
<div class="w-full h-full flex flex-col items-center">
<div class="default-main h-screen" id="maindiv">
<div class="w-full h-screen flex flex-col items-center justify-between p-8">
<div class="w-full h-full flex flex-col items-center">
<div id="default-title">
Loading MapComplete, hang on...
</div>
<div id="default-title">
Loading MapComplete, hang on...
</div>
<p class="text-xl" id="descriptions-while-loading">
<!-- DESCRIPTION START -->
MapComplete is an easy to use map viewer and map editor
<!-- DESCRIPTION END -->
</p>
<p>
Made with OpenStreetMap
</p>
</div>
<p class="text-xl" id="descriptions-while-loading">
<!-- DESCRIPTION START -->
MapComplete is an easy to use map viewer and map editor
<!-- DESCRIPTION END -->
</p>
<p>
Made with OpenStreetMap
</p>
</div>
</div>
</div>
</div>