change user page design

This commit is contained in:
Mystikfluu 2022-07-09 16:09:27 +02:00
parent f0110724dd
commit 22fa2d4759
4 changed files with 8 additions and 4 deletions

View File

@ -30,6 +30,10 @@ li a {
text-decoration: none;
}
.totib {
margin-top: 6.5%;
}
li a:hover {
background-color: #111;
}
@ -53,5 +57,5 @@ footer {
}
.less_padding {
padding: 16px 16px;
padding: 6px 14px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 307 B

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -48,6 +48,6 @@ async function setuser() {
avatar = "/images/default_avatar.png"
}
document.getElementById("user").innerText = `User: ${username}`;
document.getElementById("bio").placeholder = decodeURIComponent(bio);
document.getElementById("userBio").placeholder = "Bio: " + decodeURIComponent(bio);
document.getElementById("avatarimg").src = avatar;
}

View File

@ -17,13 +17,13 @@
<h1>Welcome Back!</h1>
</header>
<main>
<div class="form_class info_div">
<div class="form_class info_div totib">
<h2 id="user">User: USER</h2>
<br>
<img id="avatarimg" width=100 height=100>
<br>
<br>
<span class="bio">Bio: <input type="text" id="bio" disabled placeholder="wow such empty"></span>
<h4 id="userBio">Bio: </h4>
<br>
<button onclick="logout()">Logout</button>
</div>