Display navbar on smaller screens

This commit is contained in:
Gabriel Augendre 2022-04-26 23:20:59 +02:00
parent 36c35abbe8
commit 729abaefdd

View file

@ -1,12 +1,12 @@
{% load i18n %}
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="{% url "purchase:list" %}">Checkout</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<ul class="navbar-nav me-auto mb-2 mb-sm-0">
{% if perms.purchase.add_basket %}
<li class="nav-item">
<a href="{% url "purchase:new" %}" class="nav-link">{% translate "New basket" %}</a>