starred/WYGIWYH
1
0
Fork 0
mirror of https://github.com/eitchtee/WYGIWYH.git synced 2026-04-24 01:28:42 +02:00
Code Issues 14 Packages Projects Releases 10 Wiki Activity

style: improve the look of secondary navbar buttons (profile and calc)

Browse Source
This commit is contained in:
Herculino Trotta
2025-06-29 01:14:06 -03:00
parent 8d93da99c1
commit e544d7068b
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/templates/includes/navbar.html
View File

@@ -12,7 +12,7 @@
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
<div class="collapse navbar-collapse" id="navbarContent"> <div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 nav-underline" hx-push-url="true"> <ul class="navbar-nav me-auto mb-3 mb-lg-0 nav-underline" hx-push-url="true">
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle {% active_link views='monthly_overview||yearly_overview_currency||yearly_overview_account||calendar' %}" <a class="nav-link dropdown-toggle {% active_link views='monthly_overview||yearly_overview_currency||yearly_overview_account||calendar' %}"
href="#" href="#"
@@ -161,16 +161,16 @@
</ul> </ul>
</li> </li>
</ul> </ul>
<ul class="navbar-nav mt-3 mb-2 mb-lg-0 mt-lg-0"> <ul class="navbar-nav mb-2 mb-lg-0 gap-3">
<li class="nav-item text-center w-100"> <li class="nav-item">
<a class="nav-item tw:text-2xl tw:cursor-pointer me-lg-4" <div class="nav-link tw:lg:text-2xl! tw:cursor-pointer"
data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="{% trans "Calculator" %}" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="{% trans "Calculator" %}"
_="on click trigger show on #calculator"> _="on click trigger show on #calculator">
<i class="fa-solid fa-calculator"></i> <i class="fa-solid fa-calculator"></i>
</a> <span class="d-lg-none d-inline">{% trans "Calculator" %}</span>
</div>
</li> </li>
<li class="text-center w-100">{% include 'includes/navbar/user_menu.html' %}</li> <li class="w-100">{% include 'includes/navbar/user_menu.html' %}</li>
</ul> </ul>
</div> </div>
</div> </div>

5
app/templates/includes/navbar/user_menu.html
View File

@@ -1,9 +1,10 @@
{% load settings %} {% load settings %}
{% load i18n %} {% load i18n %}
<div class="dropdown"> <div class="dropdown">
<a class="tw:text-2xl" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <div class="nav-link tw:lg:text-2xl! tw:cursor-pointer" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-user"></i> <i class="fa-solid fa-user"></i>
</a> <span class="d-lg-none d-inline">{% trans "Profile" %}</span>
</div>
<ul class="dropdown-menu dropdown-menu-start dropdown-menu-lg-end"> <ul class="dropdown-menu dropdown-menu-start dropdown-menu-lg-end">
<li class="dropdown-item-text">{{ user.email }}</li> <li class="dropdown-item-text">{{ user.email }}</li>
<li><hr class="dropdown-divider"></li> <li><hr class="dropdown-divider"></li>