added profile pic

This commit is contained in:
Miguel 2024-09-12 06:26:02 -04:00
parent 36aa29dd95
commit 20da6097ca

View file

@ -66,12 +66,15 @@ and the component underneath */
<div id="mySidenav" class="sidenav"> <div id="mySidenav" class="sidenav">
<div id="profile">
<img src="Kaido.png" alt="profile pic" style="width:100px;height100px"/>
<button href="" class="closeBtn">&times;</button> <button href="" class="closeBtn">&times;</button>
<a href=""><button>Message</button></a> <a href=""><button>Message</button></a>
</div>
</div> </div>
<button id="openBtn">open profile view</button> <button id="openBtn">open profile view</button>
@ -124,16 +127,16 @@ call the openNav closeNav function to open and close the sidebar*/
/* these two methods will open and close the profile side menu*/ /* these two methods will open and close the profile side menu*/
openNav() { openNav() {
this.sidenav.style.width = "450px"; this.sidenav.style.width = "450px"; // changes sidenav width from 0px to 450px
if (this.mainContent) { if (this.mainContent) {
this.mainContent.style.marginLeft = "250px"; this.mainContent.style.marginLeft = "250px";
} }
} }
closeNav() { closeNav() {
this.sidenav.style.width = "0"; this.sidenav.style.width = "0"; //changes sidenav's width back to 0px
if (this.mainContent) { if (this.mainContent) {
this.mainContent.style.marginLeft = "0" this.mainContent.style.marginLeft = "0px"
} }
} }
} }