Fix navbar on mobile

This commit is contained in:
Mark Veidemanis 2022-07-21 13:47:31 +01:00
parent 25e0879a10
commit 8ebaaaaa05
Signed by: m
GPG Key ID: 5ACFCEED46C0904F
2 changed files with 48 additions and 41 deletions

View File

@ -6,7 +6,10 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">s <meta http-equiv="X-UA-Compatible" content="IE=edge">s
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pathogen - {{ request.path_info }}</title> <title>Pathogen - {{ request.path_info }}</title>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link rel="stylesheet" href="{% static 'style.css' %}" /> <link rel="stylesheet" href="{% static 'style.css' %}" />
{# <script src="https://js.stripe.com/v3/"></script> #} {# <script src="https://js.stripe.com/v3/"></script> #}
</head> </head>
@ -17,28 +20,30 @@
<div class="container"> <div class="container">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="{% url 'home' %}">Pathogen</a> <a class="navbar-brand" href="{% url 'home' %}">Pathogen</a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#base-nav" aria-expanded="false">
<span class="sr-only">Toggle navigation</span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
</div> </div>
<ul class="nav navbar-nav navbar-right collapse navbar-collapse"> <div class="collapse navbar-collapse" id="base-nav">
{% if user.is_authenticated %} <ul class="nav navbar-nav navbar-right">
<li><a href="{% url 'profile' %}">Profile</a></li> {% if user.is_authenticated %}
{% endif %} <li><a href="{% url 'profile' %}">Profile</a></li>
{% if user.paid %} {% endif %}
<li><a href="{% url 'drilldown' %}">Drilldown</a></li> {% if user.paid %}
{% endif %} <li><a href="{% url 'drilldown' %}">Drilldown</a></li>
{% if not user.is_authenticated %} {% endif %}
<li><a href="{% url 'login' %}">Login</a></li> {% if not user.is_authenticated %}
<li><a href="{% url 'signup' %}">Sign Up</a></li> <li><a href="{% url 'login' %}">Login</a></li>
{% endif %} <li><a href="{% url 'signup' %}">Sign Up</a></li>
{% if user.is_authenticated %} {% endif %}
<li><a href="{% url 'logout' %}">Logout</a></li> {% if user.is_authenticated %}
{% endif %} <li><a href="{% url 'logout' %}">Logout</a></li>
</ul> {% endif %}
</ul>
</div>
</div> </div>
</nav> </nav>
</div> </div>

View File

@ -5,7 +5,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4 col-md-4 col-xs-12">
<form method="POST"> <form method="POST">
{% csrf_token %} {% csrf_token %}
<div class="input-group search-bar"> <div class="input-group search-bar">
@ -21,31 +21,33 @@
</div> </div>
{% if results is not None %} {% if results is not None %}
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12 col-md-12 col-xs-12">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">Results for {{ query }}</div> <div class="panel-heading">Results for {{ query }}</div>
<table class="table table-bordered table-light"> <div class="table-responsive">
<thead> <table class="table table-bordered table-light">
<tr> <thead>
<th>TS</th> <tr>
<th>msg</th> <th>TS</th>
<th>host</th> <th>msg</th>
<th>nick</th> <th>host</th>
<th>channel</th> <th>nick</th>
<th>net</th> <th>channel</th>
</tr> <th>net</th>
</thead> </tr>
{% for item in results %} </thead>
<tr> {% for item in results %}
<td>{{ item.ts }}</td> <tr>
<td>{{ item.msg }}</td> <td>{{ item.ts }}</td>
<td>{{ item.host }}</td> <td>{{ item.msg }}</td>
<td>{{ item.nick }}</td> <td>{{ item.host }}</td>
<td>{{ item.channel }}</td> <td>{{ item.nick }}</td>
<td>{{ item.net }}</td> <td>{{ item.channel }}</td>
</tr> <td>{{ item.net }}</td>
{% endfor %} </tr>
</table> {% endfor %}
</table>
</div>
</div> </div>
</div> </div>