mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
87 lines
2.7 KiB
HTML
87 lines
2.7 KiB
HTML
<div class="navbar navbar-expand sticky-top">
|
|
<div class="container">
|
|
<div class="row flex-fill align-items-md-center">
|
|
<div class="col-auto">
|
|
<div class="d-flex align-items-center gap-4">
|
|
<a href="{{ page.url | relative }}" class="navbar-brand navbar-brand-autodark gap-4">
|
|
{% include "docs/logo.html" %}
|
|
</a>
|
|
<div>
|
|
<span class="badge">v{{ package.version }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="d-none d-md-block col-3">
|
|
<div id="docsearch"></div>
|
|
</div>
|
|
<div class="col d-flex">
|
|
<ul class="navbar-nav ms-auto gap-2 align-items-center">
|
|
<div class="nav-item d-none d-md-block">
|
|
<a href="https://preview.tabler.io" class="nav-link">Preview</a>
|
|
</div>
|
|
<div class="nav-item d-none d-md-block">
|
|
<a href="https://tabler.io/changelog" class="nav-link">Changelog</a>
|
|
</div>
|
|
<li class="nav-item hide-theme-dark">
|
|
<a href="?theme=dark" class="btn btn-icon">
|
|
{% include "ui/icon.html" icon="moon" %}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item hide-theme-light">
|
|
<a href="?theme=light" class="btn btn-icon">
|
|
{% include "ui/icon.html" icon="sun" %}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{ site.githubUrl }}" class="btn btn-icon" target="_blank">
|
|
{% include "ui/icon.html" icon="brand-github" %}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="{{ site.previewUrl }}" class="btn btn-primary" target="_blank">
|
|
{% include "ui/icon.html" icon="eye" %} Preview
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% assign menu = collections.docs | collection-tree %}
|
|
<div class="navbar-expand-md">
|
|
<div class="container">
|
|
<div class="navbar">
|
|
<div class="row flex-column flex-md-row flex-fill align-items-center">
|
|
<div class="col">
|
|
<nav>
|
|
<ul class="navbar-nav">
|
|
{% for level1 in menu %}
|
|
<li class="nav-item{% if page.url contains level1.url %} active{% endif %}">
|
|
<a href="{{ level1.url }}" class="nav-link">
|
|
{% if level1.data.icon %}<span class="nav-link-icon">{% include "ui/icon.html" icon=level1.data.icon %}</span>{% endif %}
|
|
<span class="nav-link-title">{{ level1.data.menu-title }}</span>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="col-auto">
|
|
<nav>
|
|
<ul class="navbar-nav">
|
|
{% for link in docs-links %}
|
|
<li class="nav-item">
|
|
<a href="{{ link.url }}" class="nav-link" target="_blank">
|
|
<span class="nav-link-icon">{% include "ui/icon.html" icon=link.icon %}</span>
|
|
<span class="nav-link-title">{{ link.title }}</span>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |