Add profile cosmetics section and username change UI

Introduces a cosmetics section in the profile with articles for username, capes, and skin. Adds UI for changing username, including input and button, and updates related CSS for styling. JS now shows the profile frame on initialization.
This commit is contained in:
2026-01-23 19:08:17 +01:00
parent b3827576da
commit 2e2b126df8
3 changed files with 58 additions and 4 deletions

View File

@@ -153,7 +153,7 @@ div.filePathSelector {
text-align: center;
}
div.filePathSelector > input[type="text"] {
input[type="text"] {
width: 87%;
height: 34px;
border: none;
@@ -248,4 +248,29 @@ canvas#skin {
width: 85% !important;
height: 85% !important;
outline: none;
}
div.profile > section.cosmectics > article {
margin-bottom: 40px;
}
div.profile > section.cosmectics > article.username > div > button {
min-width: 70px;
width: 10%;
height: 34px;
border-radius: 5px;
background-color: #E89032;
}
div.profile > section.cosmectics > article.username > div {
margin-top: 6px;
}
div.profile > section.cosmectics > article.username > div > button:hover {
filter: brightness(0.90);
}
div.profile > section.cosmectics > article.username > div > input {
height: 38px;
border-radius: 5px;
}