WallyHackenslacker/NibasaViewer
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects 2 Releases Wiki Activity

Reworked nav bar and paging links

Browse Source
This commit is contained in:
Wally Hackenslacker
2023-08-20 12:44:41 -04:00
parent eeeaa9260a
commit 51211ac9a7
4 changed files with 52 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
viewer/static/css/styles.css
View File

@@ -36,10 +36,22 @@
width: 100px; width: 100px;
} }
.small-nav-icon {
width: 3em;
}
.mb-2 { .mb-2 {
margin-bottom: 2em; margin-bottom: 2em;
} }
.mr-2 {
margin-right: 2em;
}
.ml-2 {
margin-left: 2em;
}
/**************************************************************************** /****************************************************************************
* Grid. * * Grid. *
****************************************************************************/ ****************************************************************************/

37
viewer/templates/gallery_view.html
View File

@@ -9,19 +9,34 @@
<link href="{% static 'css/styles.css' %}" rel="stylesheet"> <link href="{% static 'css/styles.css' %}" rel="stylesheet">
</head> </head>
<body class="background"> <body class="background">
{% include 'partials/navigation.html'%}
{% if images|length > 0 %} {% if images|length > 0 %}
<table class="fc mauto">
<tr>
<td>
<a href="/gallery/" class="mr-2">
<img src="{% static 'imgs/gohome.png' %}" class="small-nav-icon">
</a>
</td>
<td>
<a href=".." class="mr-2">
<img src="{% static 'imgs/back.png' %}" class="small-nav-icon">
</a>
</td>
<td>
<h1 class="mr-2">
{{request.path}} - Files ({{num_files}})
</h1>
</td>
{% if num_pages > 1 %}
<td>
<div class="mauto">
{% for page in pages %}<a href="./?page={{page}}">{{page}}</a>{% if not forloop.last %}<span> </span>{% endif %}{% endfor %}
</div>
</td>
{% endif %}
</tr>
</table>
<div class="centered-container"> <div class="centered-container">
<h1>
{{request.path}} - Files ({{num_files}})
</h1>
</div>
<div class="centered-container">
{% if num_pages > 1 %}
<div class="mb-2">
{% for page in pages %}<a href="./?page={{page}}">{{page}}</a>{% if not forloop.last %}<span> </span>{% endif %}{% endfor %}
</div>
{% endif %}
<table class="fc mauto"> <table class="fc mauto">
<tr> <tr>
{% if page != 1 %} {% if page != 1 %}

15
viewer/templates/image_view.html
View File

@@ -9,7 +9,20 @@
<link href="{% static 'css/styles.css' %}" rel="stylesheet"> <link href="{% static 'css/styles.css' %}" rel="stylesheet">
</head> </head>
<body class="background"> <body class="background">
{% include 'partials/navigation.html'%} <table class="fc mauto">
<tr>
<td>
<a href="/gallery/">
<img src="{% static 'imgs/gohome.png' %}" class="small-nav-icon">
</a>
</td>
<td>
<a href="..">
<img src="{% static 'imgs/back.png' %}" class="small-nav-icon">
</a>
</td>
</tr>
</table>
<div class="centered-container"> <div class="centered-container">
<div class="image-container"> <div class="image-container">
<a href="{{image_path}}" target="_blank"> <a href="{{image_path}}" target="_blank">

9
viewer/templates/partials/navigation.html
View File

@@ -1,9 +0,0 @@
{% load static %}
<div class="centered-container">
<a href="/gallery/">
<img src="{% static 'imgs/gohome.png' %}" class="navigation-icon">
</a>
<a href="..">
<img src="{% static 'imgs/back.png' %}" class="navigation-icon">
</a>
</div>