parent
760324c845
commit
f8aa7cf0c0
3 changed files with 14 additions and 11 deletions
|
@ -69,12 +69,13 @@ export class Navbar extends Component<any, NavbarState> {
|
||||||
{this.state.isLoggedIn ?
|
{this.state.isLoggedIn ?
|
||||||
<>
|
<>
|
||||||
{
|
{
|
||||||
<li className="nav-item">
|
<li className="nav-item">
|
||||||
<Link class="nav-link" to="/inbox">🖂
|
<Link class="inbox nav-link" to="/inbox">
|
||||||
{this.state.unreadCount> 0 && <span class="ml-1 badge badge-light">{this.state.unreadCount}</span>}
|
<svg class="icon"><use xlinkHref="#icon-mail"></use></svg>
|
||||||
</Link>
|
{this.state.unreadCount> 0 && <span class="ml-1 badge badge-light">{this.state.unreadCount}</span>}
|
||||||
</li>
|
</Link>
|
||||||
}
|
</li>
|
||||||
|
}
|
||||||
<li className={`nav-item dropdown ${this.state.expandUserDropdown && 'show'}`}>
|
<li className={`nav-item dropdown ${this.state.expandUserDropdown && 'show'}`}>
|
||||||
<a class="pointer nav-link dropdown-toggle" onClick={linkEvent(this, this.expandUserDropdown)} role="button">
|
<a class="pointer nav-link dropdown-toggle" onClick={linkEvent(this, this.expandUserDropdown)} role="button">
|
||||||
{UserService.Instance.user.username}
|
{UserService.Instance.user.username}
|
||||||
|
|
|
@ -10,6 +10,10 @@ export class Symbols extends Component<any, any> {
|
||||||
return (
|
return (
|
||||||
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<defs>
|
<defs>
|
||||||
|
<symbol id="icon-mail" viewBox="0 0 32 32">
|
||||||
|
<title>mail</title>
|
||||||
|
<path d="M28 5h-24c-2.209 0-4 1.792-4 4v13c0 2.209 1.791 4 4 4h24c2.209 0 4-1.791 4-4v-13c0-2.208-1.791-4-4-4zM2 10.25l6.999 5.25-6.999 5.25v-10.5zM30 22c0 1.104-0.898 2-2 2h-24c-1.103 0-2-0.896-2-2l7.832-5.875 4.368 3.277c0.533 0.398 1.166 0.6 1.8 0.6 0.633 0 1.266-0.201 1.799-0.6l4.369-3.277 7.832 5.875zM30 20.75l-7-5.25 7-5.25v10.5zM17.199 18.602c-0.349 0.262-0.763 0.4-1.199 0.4s-0.851-0.139-1.2-0.4l-12.8-9.602c0-1.103 0.897-2 2-2h24c1.102 0 2 0.897 2 2l-12.801 9.602z"></path>
|
||||||
|
</symbol>
|
||||||
<symbol id="icon-mouse" version="1.1" x="0px" y="0px"
|
<symbol id="icon-mouse" version="1.1" x="0px" y="0px"
|
||||||
viewBox="0 0 512 512">
|
viewBox="0 0 512 512">
|
||||||
<g>
|
<g>
|
||||||
|
|
|
@ -83,9 +83,7 @@ blockquote {
|
||||||
padding: 0.1em 5px;
|
padding: 0.1em 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-notify{
|
.inbox {
|
||||||
/* background:red; */
|
margin-top: 6px;
|
||||||
position:relative;
|
|
||||||
top: -20px;
|
|
||||||
left: -35px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue