mirror of
https://github.com/khairul169/honey.git
synced 2026-10-04 18:03:54 +07:00
UI: Fancier load animations
This commit is contained in:
@@ -35,6 +35,10 @@ export default class Home {
|
||||
initHomeUI() {
|
||||
let logo = document.getElementById("app-icon")
|
||||
logo.src = this.config.get("icon")
|
||||
logo.classList.add("notloaded")
|
||||
logo.addEventListener("load", () => {
|
||||
logo.classList.remove("notloaded")
|
||||
})
|
||||
|
||||
let name = document.getElementById("app-name")
|
||||
name.innerText = this.config.get("name")
|
||||
|
||||
@@ -17,6 +17,10 @@ export default class Main {
|
||||
this.backgrounds = document.getElementById("background")
|
||||
for (let i = 0; i < 2; i++) {
|
||||
let img = document.createElement("img")
|
||||
img.classList.add("notloaded")
|
||||
img.addEventListener("load", () => {
|
||||
img.classList.remove("notloaded")
|
||||
})
|
||||
this.backgrounds.appendChild(img)
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user