added profile pic
This commit is contained in:
parent
36aa29dd95
commit
20da6097ca
1 changed files with 9 additions and 6 deletions
|
@ -66,12 +66,15 @@ and the component underneath */
|
|||
|
||||
|
||||
<div id="mySidenav" class="sidenav">
|
||||
<div id="profile">
|
||||
|
||||
<img src="Kaido.png" alt="profile pic" style="width:100px;height100px"/>
|
||||
|
||||
|
||||
|
||||
<button href="" class="closeBtn">×</button>
|
||||
|
||||
<a href=""><button>Message</button></a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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*/
|
||||
openNav() {
|
||||
this.sidenav.style.width = "450px";
|
||||
this.sidenav.style.width = "450px"; // changes sidenav width from 0px to 450px
|
||||
if (this.mainContent) {
|
||||
this.mainContent.style.marginLeft = "250px";
|
||||
}
|
||||
}
|
||||
|
||||
closeNav() {
|
||||
this.sidenav.style.width = "0";
|
||||
this.sidenav.style.width = "0"; //changes sidenav's width back to 0px
|
||||
if (this.mainContent) {
|
||||
this.mainContent.style.marginLeft = "0"
|
||||
this.mainContent.style.marginLeft = "0px"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue