Show streamer profile picture to the left of title

master
Dessa Simpson 2020-09-13 10:13:01 -07:00
parent 249a5911b4
commit bd8bcc369b
2 changed files with 14 additions and 2 deletions

View File

@ -44,7 +44,7 @@ a:hover {
text-decoration: none; text-decoration: none;
} }
#logo { #nav-title {
font-weight: bold; font-weight: bold;
color: #eee; color: #eee;
} }
@ -65,6 +65,17 @@ div#nav-userpic {
margin-bottom: 0.25em; margin-bottom: 0.25em;
} }
div#nav-streamerpic {
margin-right: -5px;
height: 2.5em;
}
#nav-streamerpic img {
height: 80%;
margin-top: 0.25em;
margin-bottom: 0.25em;
}
#main { #main {
margin: 0.5em; margin: 0.5em;
padding: 0.5em; padding: 0.5em;

View File

@ -8,7 +8,8 @@
</head> </head>
<body> <body>
<div id="topbar"> <div id="topbar">
<div id="logo"><%= it.streamerName %>'s Learn Request Queue</div> <div id="nav-streamerpic"><img src="<%= it.streamerProfilePicture %>" /></div>
<div id="nav-title"><%= it.streamerName %>'s Learn Request Queue</div>
<div id="nav-requests"><a href="/">Requests</a></div> <div id="nav-requests"><a href="/">Requests</a></div>
<%- if (it.loggedIn) { -%> <%- if (it.loggedIn) { -%>
<div id="nav-addrequest"><a href="#" onclick="openAddRequestModal()">Add Request</a></div> <div id="nav-addrequest"><a href="#" onclick="openAddRequestModal()">Add Request</a></div>