xevion/simple-viewer
1
0
Fork 0
mirror of https://github.com/Xevion/simple-viewer.git synced 2026-01-31 10:26:10 -06:00
Code Issues Packages Projects Releases Wiki Activity

improve flexbox icon's selector name and organization, apply to index icons and reorganize tags

Browse Source
This commit is contained in:
Xevion
2020-11-06 07:49:37 -06:00
parent b0df8057a8
commit 5692836bec
3 changed files with 40 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
viewer/templates/index.html
+19 -13
View File
@@ -4,21 +4,27 @@
<div class="panel-heading">Directories</div>
{% if directories|length > 0 %}
{% for served_directory in directories %}
<div class="panel-block is-flex">
<span class="panel-icon is-align-self-flex-start">
<div class="panel-block">
<span class="panel-icon">
<i class="fas fa-folder fa-lg" aria-hidden="true"></i>
</span>
<a href="{% url 'browse' served_directory.id %}" class="is-align-self-flex-end">
{{ served_directory.path }}
{% if served_directory.regex %}
<span class="tag is-primary">Filtered</span>
{% endif %}
</a>
<a href="{% url 'delete' served_directory.id %}">
<span class="icon has-text-danger">
<i class="fas fa-times fa-lg" aria-hidden="true"></i>
</span>
</a>
<div class="flex-container">
<div>
<a href="{% url 'browse' served_directory.id %}" class="is-align-self-flex-end">
{{ served_directory.path }}
</a>
{% if served_directory.regex %}
<span class="tag is-primary ml-3 mr-2">Filtered</span>
{% endif %}
</div>
<div class="icon-set">
<span class="icon">
<a class="has-text-danger" href="{% url 'delete' served_directory.id %}">
<i class="fas fa-times fa-lg" aria-hidden="true"></i>
</a>
</span>
</div>
</div>
</div>
{% endfor %}
{% else %}