Additional layout changes for better phone usability

This commit is contained in:
Chris Jean-Marie 2024-11-04 18:50:53 +00:00
parent 8bc418ebb2
commit 96adf1e87d
3 changed files with 29 additions and 25 deletions

View File

@ -1,28 +1,29 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %} {% block content %}
<div class="container-fluid"> <div class="row align-items-stretch">
<div class="row align-items-stretch"> <!-- Left panel -->
<div id="menu" class="col-md-2 bg-light"> <div id="menu" class="col-md-2 bg-light">
<!-- internal menu --> <h2>Menu</h2>
<h2>Menu</h2> <ul>
<ul> <li><a href="/dashboard">Web links</a></li>
<li><a href="/dashboard">Web links</a></li> <li><a href="/cottagecalendar">Cottage Calendar</a></li>
<li><a href="/cottagecalendar">Cottage Calendar</a></li> <li><a href="/wishlists">Wish lists</a></li>
<li><a href="/wishlists">Wish lists</a></li> </ul>
</ul> {% for user_role in user_roles %}
{% for user_role in user_roles %} {% if user_role.role_name == "admin" %}
{% if user_role.role_name == "admin" %} <li><a href="/useradmin">User Administration</a></li>
<li><a href="/useradmin">User Administration</a></li> {% endif %}
{% endif %} {% endfor %}
{% endfor %} </div>
</div>
<div class="col-8"> <!-- Center panel -->
{% block center %}{% endblock center %} <div class="col-8">
</div> {% block center %}{% endblock center %}
<div id="events" class="col-2 bg-light"> </div>
<!-- events -->
<h2>Events</h2> <!-- Right panel -->
</div> <div id="events" class="col-md-2 bg-light">
<h2>Events</h2>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}

View File

@ -1,6 +1,5 @@
{% extends "authorized.html" %} {% extends "authorized.html" %}
{% block center %} {% block center %}
<p>This will be the private information area for the extended Jean-Marie family.</p>
<div> <div>
<h2>Web links</h2> <h2>Web links</h2>
<h3>TLC Creations</h3> <h3>TLC Creations</h3>

View File

@ -29,7 +29,11 @@
{% else %} {% else %}
<td>{{ user_wishlist_item.item }}</td> <td>{{ user_wishlist_item.item }}</td>
{% endif %} {% endif %}
<td><a href="{{ user_wishlist_item.item_url }}">URL</a></td> {% if user_wishlist_item.item_url.len() > 0 %}
<td><a href="{{ user_wishlist_item.item_url }}">URL</a></td>
{% else %}
<td></td>
{% endif %}
{% if user_wishlist_item.received_at > 0 %} {% if user_wishlist_item.received_at > 0 %}
<td>Got it!</td> <td>Got it!</td>
{% else %} {% else %}