sam/family_home_lab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Files page: icon buttons (eye=view, arrow=download); filenames wrap fully

Browse Source
This commit is contained in:
Sam Rolfe
2026-08-26 15:36:22 +10:00
parent 188e9a0dd6
commit 77cdf738ec
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
portal/templates/files.html
View File

@@ -27,16 +27,16 @@
{% if files %}
<ul class="file-list">
{% for f in files %}
<li style="align-items:center;gap:12px">
<li style="display:flex;align-items:center;gap:12px">
{% if f.img %}
<img src="/files/raw/{{ f.name }}" alt="{{ f.name }}" style="width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--hairline,#e6e6e6)">
{% else %}
<span style="width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hairline,#e6e6e6);border-radius:8px;color:#999;font-size:11px">file</span>
{% endif %}
<span class="file-name" title="{{ f.name }}" style="flex:1">{{ f.name }}</span>
<span class="faint">{{ (f.size/1024)|round(1) }} KB</span>
<a class="button button-utility" href="/files/raw/{{ f.name }}" target="_blank" title="View">View</a>
<a class="button button-utility" href="/files/dl/{{ f.name }}" title="Download">Download ↓</a>
<span title="{{ f.name }}" style="flex:1;min-width:0;white-space:normal;word-break:break-all;overflow:visible;font:var(--type-body-sm);color:var(--ink)">{{ f.name }}</span>
<span class="faint" style="flex:none">{{ (f.size/1024)|round(1) }} KB</span>
<a class="button button-utility" href="/files/raw/{{ f.name }}" target="_blank" title="View {{ f.name }}" style="width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:15px">👁</a>
<a class="button button-utility" href="/files/dl/{{ f.name }}" title="Download {{ f.name }}" style="width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:17px">↓</a>
</li>
{% endfor %}
</ul>