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="mySidenav" class="sidenav">
|
||||||
|
<div id="profile">
|
||||||
|
|
||||||
|
<img src="Kaido.png" alt="profile pic" style="width:100px;height100px"/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<button href="" class="closeBtn">×</button>
|
<button href="" class="closeBtn">×</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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue