azures04/LentiaLauncher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add profile cosmetics section and username change UI

Browse Source 
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:
Gilles Lazures 2026-01-23 19:08:17 +01:00
parent b3827576da
commit 2e2b126df8
3 changed files with 58 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
wwwroot/assets/css/logged.css
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;
}

4
wwwroot/assets/js/logged.js
View File

@ -108,5 +108,5 @@ window.initSkin = async function initSkin() {
}
initSkin()
initSettings()
initSettings()
showFrame("profile")

31
wwwroot/logged.html
View File

@ -38,7 +38,36 @@
</canvas>
</section>
<section class="cosmectics">
<article class="username">
<h2>
Pseudo
</h2>
<p>
Tu veux changer de pseudo l'ami ? C'est ici
</p>
<div>
<input type="text" name="usernameChange" id="usernameChange" placeholder="Jeb_">
<button>
Valider
</button>
</div>
</article>
<article class="capes">
<h2>
Capes
</h2>
<p>
T'a froid ? Couvre toi un peu mon frère
</p>
</article>
<article class="skin">
<h2>
Skin
</h2>
<p>
Tu veux rafraîchir un peu ton style ? Par là
</p>
</article>
</section>
</div>
</article>