diff --git a/.dist/localuser.js b/.dist/localuser.js index 0641fed..ccdb395 100644 --- a/.dist/localuser.js +++ b/.dist/localuser.js @@ -359,18 +359,21 @@ class Localuser { buildservers() { const serverlist = document.getElementById("servers"); // const outdiv = document.createElement("div"); + const img = document.createElement("img"); const div = document.createElement("div"); - div.textContent = "⌂"; div.classList.add("home", "servericon"); - div["all"] = this.guildids.get("@me"); + img.src = "/icons/home.svg"; + img.classList.add("svgtheme"); + img["all"] = this.guildids.get("@me"); this.guildids.get("@me").html = outdiv; const unread = document.createElement("div"); unread.classList.add("unread"); outdiv.append(unread); - outdiv.appendChild(div); + outdiv.append(div); + div.appendChild(img); outdiv.classList.add("servernoti"); serverlist.append(outdiv); - div.onclick = function () { + img.onclick = function () { this["all"].loadGuild(); this["all"].loadChannel(); }; @@ -401,10 +404,13 @@ class Localuser { div.onclick = _ => { this.createGuild(); }; - const guildDiscoveryContainer = document.createElement("div"); - guildDiscoveryContainer.textContent = "🧭"; - guildDiscoveryContainer.classList.add("home", "servericon"); - serverlist.appendChild(guildDiscoveryContainer); + const guilddsdiv = document.createElement("div"); + const guildDiscoveryContainer = document.createElement("img"); + guildDiscoveryContainer.src = "/icons/explore.svg"; + guildDiscoveryContainer.classList.add("svgtheme"); + guilddsdiv.classList.add("home", "servericon"); + guilddsdiv.appendChild(guildDiscoveryContainer); + serverlist.appendChild(guilddsdiv); guildDiscoveryContainer.addEventListener("click", () => { this.guildDiscovery(); }); diff --git a/webpage/icons/explore.svg b/webpage/icons/explore.svg new file mode 100644 index 0000000..1b8305a --- /dev/null +++ b/webpage/icons/explore.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/webpage/icons/home.svg b/webpage/icons/home.svg new file mode 100644 index 0000000..fd449ef --- /dev/null +++ b/webpage/icons/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/webpage/localuser.ts b/webpage/localuser.ts index d85bf8d..4f9e1f5 100644 --- a/webpage/localuser.ts +++ b/webpage/localuser.ts @@ -370,20 +370,23 @@ class Localuser{ buildservers():void{ const serverlist=document.getElementById("servers");// const outdiv=document.createElement("div"); + const img=document.createElement("img"); const div=document.createElement("div"); + div.classList.add("home","servericon"); - div.textContent="⌂"; - div.classList.add("home","servericon") - div["all"]=this.guildids.get("@me"); + img.src="/icons/home.svg"; + img.classList.add("svgtheme") + img["all"]=this.guildids.get("@me"); this.guildids.get("@me").html=outdiv; const unread=document.createElement("div"); unread.classList.add("unread"); outdiv.append(unread); - outdiv.appendChild(div); + outdiv.append(div); + div.appendChild(img); outdiv.classList.add("servernoti") serverlist.append(outdiv); - div.onclick=function(){ + img.onclick=function(){ this["all"].loadGuild(); this["all"].loadChannel(); } @@ -416,11 +419,13 @@ class Localuser{ div.onclick=_=>{ this.createGuild(); } - - const guildDiscoveryContainer=document.createElement("div"); - guildDiscoveryContainer.textContent="🧭"; - guildDiscoveryContainer.classList.add("home","servericon"); - serverlist.appendChild(guildDiscoveryContainer); + const guilddsdiv=document.createElement("div"); + const guildDiscoveryContainer=document.createElement("img"); + guildDiscoveryContainer.src="/icons/explore.svg"; + guildDiscoveryContainer.classList.add("svgtheme"); + guilddsdiv.classList.add("home","servericon"); + guilddsdiv.appendChild(guildDiscoveryContainer); + serverlist.appendChild(guilddsdiv); guildDiscoveryContainer.addEventListener("click", ()=>{ this.guildDiscovery(); }); diff --git a/webpage/style.css b/webpage/style.css index d5f8591..0a849b5 100644 --- a/webpage/style.css +++ b/webpage/style.css @@ -653,6 +653,7 @@ textarea:focus-visible, user-select: none; cursor: pointer; padding-left: .05in; + overflow-y: clip; } .channel:hover {