mirror of
https://github.com/fastapi-admin/fastapi-admin.git
synced 2025-08-14 10:47:30 +08:00
18e2a7cf6a
The navigation bar 'navbar-toggler' button has been shifted in the layout.html file. Previously, it was located inside the 'navbar navbar-expand-md navbar-light' div, but now it resides just above the 'collapse navbar-collapse' div. This modification enhances the positioning and visibility of the button, potentially improving the user interface.
77 lines
3.4 KiB
HTML
77 lines
3.4 KiB
HTML
{% extends "base.html" %} {% block body %}
|
|
<div class="wrapper min-vh-100">
|
|
<aside class="navbar navbar-vertical navbar-expand-lg navbar-dark">
|
|
<div class="container-fluid">
|
|
{% if request.app.logo_url %}
|
|
<h1 class="navbar-brand navbar-brand-autodark">
|
|
<a href="{{ request.app.admin_path }}">
|
|
<img
|
|
src="{{ request.app.logo_url }}"
|
|
width="110"
|
|
height="32"
|
|
alt="Tabler"
|
|
class="navbar-brand-image"
|
|
/>
|
|
</a>
|
|
</h1>
|
|
{% endif %}
|
|
<button
|
|
class="navbar-toggler"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#navbar-menu"
|
|
>
|
|
<div class="collapse navbar-collapse" id="navbar-menu">
|
|
<ul class="navbar-nav pt-lg-3">
|
|
{% for resource in resources %} {% if resource.type == 'link' %}
|
|
{% include 'components/link.html' %} {% elif resource.type == 'model' %}
|
|
{% include 'components/model.html' %} {% elif resource.type ==
|
|
'dropdown' %} {% include 'components/dropdown.html' %} {% endif %} {% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
<div class="page-wrapper min-vh-100">
|
|
<header
|
|
class="navbar navbar-expand-md navbar-light d-none d-lg-flex d-print-none"
|
|
>
|
|
<div class="container-fluid">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="navbar-nav flex-row order-md-last">
|
|
{% if request.app.language_switch %}
|
|
{% include "components/language.html" %}
|
|
{% endif %}
|
|
{% if request.app.login_provider %}
|
|
{% include "providers/login/avatar.html" %}
|
|
{% endif %}
|
|
</div>
|
|
<div></div>
|
|
</div>
|
|
</header>
|
|
<div class="container-fluid">
|
|
<div class="page-header d-print-none">
|
|
{% block page_header %}
|
|
<div class="row align-items-center">
|
|
<div class="col">
|
|
<div class="page-pretitle">{{ page_pre_title or '' }}</div>
|
|
<h2 class="page-title">{{ page_title or '' }}</h2>
|
|
</div>
|
|
</div>
|
|
{% block page_title_actions %} {% endblock %} {% endblock %}
|
|
</div>
|
|
</div>
|
|
<div class="page-body flex-grow-1">
|
|
<div class="container-fluid">
|
|
<div class="row row-deck row-cards">
|
|
{% block page_body %} {% endblock %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% block footer %}
|
|
{% include "components/footer.html" %}
|
|
{% endblock %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|