move notification icon out of menu on mobile fixes #6

This commit is contained in:
rimu 2024-01-07 10:18:16 +13:00
parent cd4fa6ad25
commit f777ea5dfd

View file

@ -75,6 +75,16 @@
<div class="container-lg"> <div class="container-lg">
<a class="navbar-brand" href="/"><img src="/static/images/logo2.png" alt="Logo" width="50" height="50" />{{ g.site.name }}</a> <a class="navbar-brand" href="/"><img src="/static/images/logo2.png" alt="Logo" width="50" height="50" />{{ g.site.name }}</a>
{% if current_user.is_authenticated %}
<a class="nav-link d-lg-none" href="/notifications">
{% if current_user.unread_notifications %}
<span class="fe fe-bell red"></span> <span class="red">{{ current_user.unread_notifications }}</span>
{% else %}
<span class="fe fe-bell"></span>
{% endif %}
</a>
{% endif %}
<button id="navbar-toggler" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <button id="navbar-toggler" class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -96,7 +106,7 @@
<li class="nav-item"><a class="nav-link" href="/admin/">{{ _('Admin') }}</a></li> <li class="nav-item"><a class="nav-link" href="/admin/">{{ _('Admin') }}</a></li>
{% endif %} {% endif %}
<li class="nav-item"><a class="nav-link" href="/auth/logout">{{ _('Log out') }}</a></li> <li class="nav-item"><a class="nav-link" href="/auth/logout">{{ _('Log out') }}</a></li>
<li class="nav-item"> <li class="nav-item d-none d-md-inline-block">
<a class="nav-link" href="/notifications"> <a class="nav-link" href="/notifications">
{% if current_user.unread_notifications %} {% if current_user.unread_notifications %}
<span class="fe fe-bell red"></span> <span class="red">{{ current_user.unread_notifications }}</span> <span class="fe fe-bell red"></span> <span class="red">{{ current_user.unread_notifications }}</span>