improve styles

This commit is contained in:
checktheroads 2021-04-20 12:45:39 -07:00
parent acca69a8a9
commit 4827cd24d8
4 changed files with 12 additions and 13 deletions

View File

@ -22,8 +22,7 @@
</nav> </nav>
<main class="col-md-9 ms-sm-auto col-lg-10 px-0"> <main class="col-md-9 ms-sm-auto col-lg-10 px-0">
<nav class="navbar navbar-light sticky-top flex-md-nowrap py-4 bg-white"> <nav class="navbar navbar-light sticky-top flex-md-nowrap py-4 bg-white container-fluid">
<div class="container-fluid">
<button <button
type="button" type="button"
aria-expanded="false" aria-expanded="false"
@ -35,9 +34,8 @@
> >
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
{% search_options %} {% include './profile_button.html' %} {% search_options %} {% include './profile_button.html' %}
</div>
</nav> </nav>
<div class="px-4"> <div class="px-4">

View File

@ -4,28 +4,28 @@
type="button" type="button"
aria-expanded="false" aria-expanded="false"
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
class="btn btn-outline-secondary dropdown-toggle mx-4" class="btn btn-outline-secondary dropdown-toggle ms-4"
> >
<i class="bi bi-person-fill"></i> <i class="mdi mdi-account"></i>
<span id="navbar_user">{{ request.user|truncatechars:"30" }}</span> <span id="navbar_user">{{ request.user|truncatechars:"30" }}</span>
</button> </button>
<ul class="dropdown-menu dropdown-menu-end"> <ul class="dropdown-menu dropdown-menu-end">
<li class="dropdown-item"> <li class="dropdown-item">
{% if request.user.is_staff %} {% if request.user.is_staff %}
<a class="text-decoration-none" href="{% url 'admin:index' %}"> <a class="text-decoration-none" href="{% url 'admin:index' %}">
<i class="bi bi-gear-wide-connected"></i> Admin <i class="mdi mdi-cog"></i> Admin
</a> </a>
{% endif %} {% endif %}
</li> </li>
<li class="dropdown-item"> <li class="dropdown-item">
<a class="text-decoration-none" href="{% url 'user:profile' %}"> <a class="text-decoration-none" href="{% url 'user:profile' %}">
<i class="bi bi-person-fill"></i> Profile <i class="mdi mdi-account"></i> Profile
</a> </a>
</li> </li>
<li><hr class="dropdown-divider" /></li> <li><hr class="dropdown-divider" /></li>
<li class="dropdown-item"> <li class="dropdown-item">
<a class="text-decoration-none" href="{% url 'logout' %}"> <a class="text-decoration-none" href="{% url 'logout' %}">
<i class="bi bi-box-arrow-right"></i> Log out <i class="mdi mdi-logout-variant"></i> Log Out
</a> </a>
</li> </li>
</ul> </ul>
@ -37,7 +37,7 @@
type="button" type="button"
href="{% url 'login' %}" href="{% url 'login' %}"
> >
<i class="bi bi-box-arrow-in-right"></i> Log in <i class="mdi mdi-login-variant"></i> Log In
</a> </a>
</div> </div>
{% endif %} {% endif %}

View File

@ -13,7 +13,7 @@
<h3 id="{{ obj_type.name|lower }}">{{ obj_type.name|bettertitle }}</h3> <h3 id="{{ obj_type.name|lower }}">{{ obj_type.name|bettertitle }}</h3>
{% include 'panel_table.html' with table=obj_type.table %} {% include 'panel_table.html' with table=obj_type.table %}
<a href="{{ obj_type.url }}" class="btn btn-primary float-end my-3"> <a href="{{ obj_type.url }}" class="btn btn-primary float-end my-3">
<span class="mdi mdi-arrow-right-bold" aria-hidden="true"></span> <i class="mdi mdi-arrow-right-bold" aria-hidden="true"></i>
{% if obj_type.table.page.has_next %} {% if obj_type.table.page.has_next %}
See All {{ obj_type.table.page.paginator.count }} Results See All {{ obj_type.table.page.paginator.count }} Results
{% else %} {% else %}

View File

@ -17,7 +17,7 @@
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
class="btn btn-outline-secondary dropdown-toggle" class="btn btn-outline-secondary dropdown-toggle"
> >
<i class="bi-filter"></i> <i class="mdi mdi-filter-variant"></i>
</button> </button>
<ul id="object-type-selector" class="dropdown-menu dropdown-menu-end"> <ul id="object-type-selector" class="dropdown-menu dropdown-menu-end">
{% for option in options %} {% if option.items|length == 0 %} {% for option in options %} {% if option.items|length == 0 %}
@ -47,6 +47,7 @@
{% endif %} {% endfor %} {% endif %} {% endfor %}
</ul> </ul>
<button class="btn btn-primary" type="submit" id="search-button"> <button class="btn btn-primary" type="submit" id="search-button">
<i class="bi bi-search"></i> <i class="mdi mdi-magnify"></i>
</button> </button>
</form> </form>