Andromeda/jank-client-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Discovery fixes

Browse source
This commit is contained in:
MathMan05 2024-07-01 14:26:45 -05:00
parent 04112732ae
commit b848a812e1
3 changed files with 76 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
webpage/localuser.ts
View file

@ -440,6 +440,7 @@ class Localuser{
}
async guildDiscovery() {
const content=document.createElement("div");
content.classList.add("guildy");
content.textContent="Loading...";
const full=new Fullscreen(["html", content]);
full.show();
@ -465,7 +466,7 @@ class Localuser{
const banner=document.createElement("img");
banner.classList.add("banner");
banner.crossOrigin="anonymous";
banner.src=this.info.api.toString()+"/v9/icons/"+guild.id+"/"+guild.banner+".png?size=256";
banner.src=this.info.cdn.toString()+"icons/"+guild.id+"/"+guild.banner+".png?size=256";
banner.alt="";
content.appendChild(banner);
}
@ -475,7 +476,7 @@ class Localuser{
const img=document.createElement("img");
img.classList.add("icon");
img.crossOrigin="anonymous";
img.src=this.info.api.toString()+"/v9/"+(guild.icon ? ("icons/"+guild.id+"/"+guild.icon+".png?size=48") : "embed/avatars/3.png");
img.src=this.info.cdn.toString()+(guild.icon ? ("icons/"+guild.id+"/"+guild.icon+".png?size=48") : "embed/avatars/3.png");
img.alt="";
nameContainer.appendChild(img);

15
webpage/style.css
View file

@ -1244,14 +1244,15 @@ span {
}
#discovery-guild-content {
display: grid;
display: flex;
/*grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));*/
grid-template-columns: 1fr 1fr 1fr 1fr;
flex-direction: column;
min-height: 0px;
overflow: auto;
}
.discovery-guild {
width: 220px;
height: 175px;
margin: 5px;
padding: 5px;
background-color: var(--discovery-bg);
@ -1259,6 +1260,7 @@ span {
box-shadow: 1px 1px 7px var(--primary-text);
overflow: hidden;
cursor: pointer;
flex-shrink: 0;
}
.discovery-guild .flex {
@ -1284,3 +1286,10 @@ span {
overflow-wrap: anywhere;
max-width: 215px;
}
.guildy{
height:80vh;
width:80vw;
display: flex;
flex-direction: column;
}