Add new opaque logo icon and sidenav header.

This commit is contained in:
Patrick Jentsch 2019-07-10 10:09:11 +02:00
parent a3ca0f27ac
commit 7c1496a4df
2 changed files with 27 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -28,7 +28,7 @@
</ul> </ul>
<nav> <nav>
<div class="nav-wrapper"> <div class="nav-wrapper">
<a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">cloud</i> Opaque</a> <a href="{{ url_for('main.index') }}" class="brand-logo"><i class="material-icons">opacity</i>Opaque</a>
<a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a> <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down"> <ul class="right hide-on-med-and-down">
<li><a id="nav-notifications" class="dropdown-trigger" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li> <li><a id="nav-notifications" class="dropdown-trigger" href="#!" data-target="nav-notifications-dropdown"><i class="material-icons">notifications</i></a></li>
@ -38,8 +38,32 @@
</nav> </nav>
<ul id="slide-out" class="sidenav sidenav-fixed"> <ul id="slide-out" class="sidenav sidenav-fixed">
<li><a href="{{ url_for('main.index') }}">Opaque</a></li> <li>
<li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i> Settings</a></li> <div class="user-view">
<div class="background" style="background-color: #ee6e73;"></div>
<a href="#user"><img class="circle" src="{{ url_for('static', filename='images/account_circle.png') }}"></a>
<a href="#name">
<span class="white-text name">
{% if current_user.is_authenticated %}
{{ current_user.username }}
{% else %}
Unknown
{% endif %}
</span>
</a>
<a href="#email">
<span class="white-text email">
{% if current_user.is_authenticated %}
{{ current_user.email }}
{% else %}
Unknown
{% endif %}
</span>
</a>
</div>
</li>
<li><a href="{{ url_for('main.index') }}"><i class="material-icons">opacity</i>Opaque</a></li>
<li><a href="{{ url_for('auth.settings') }}"><i class="material-icons">settings</i>Settings</a></li>
</ul> </ul>
</header> </header>