mirror of
https://github.com/tabler/tabler.git
synced 2026-08-08 12:22:23 +04:00
Enhance navbar styles with new hover effects and color variables (#2159)
This commit is contained in:
@@ -14,15 +14,17 @@
|
||||
{% endunless %}
|
||||
|
||||
<div class="d-none d-{{ include.breakpoint }}-flex">
|
||||
<a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom">
|
||||
{% include "ui/icon.html" icon="moon" %}
|
||||
</a>
|
||||
<div class="nav-item">
|
||||
<a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom">
|
||||
{% include "ui/icon.html" icon="moon" %}
|
||||
</a>
|
||||
|
||||
<a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom">
|
||||
{% include "ui/icon.html" icon="sun" %}
|
||||
</a>
|
||||
<a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
|
||||
data-bs-placement="bottom">
|
||||
{% include "ui/icon.html" icon="sun" %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="nav-item dropdown d-none d-md-flex me-3">
|
||||
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
|
||||
@@ -36,7 +38,7 @@
|
||||
</div>
|
||||
|
||||
<div class="nav-item dropdown">
|
||||
<a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
|
||||
<a href="#" class="nav-link d-flex lh-1 p-0 px-2" data-bs-toggle="dropdown" aria-label="Open user menu">
|
||||
{% include "ui/avatar.html" person-id=person-id size="sm" %}
|
||||
|
||||
{% unless include.hide-username %}
|
||||
|
||||
Reference in New Issue
Block a user