blek
/
bfile
1
0
Fork 0
Code Issues 6 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

add app icon to /authors, overall improve the page's design

This commit is contained in:
blek 2023-10-21 12:22:42 +10:00
parent b9936fb6c9
commit ceabef96ba
Signed by: blek
GPG Key ID: 14546221E3595D0C
2 changed files with 52 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
filed/static/assets/mobile-hide.css
View File

@ -1,5 +1,11 @@
.mobile-only {
display: none;
}
@media (max-width:667px) {
.mobile-hide {
display: none
}
.mobile-only {
display: inherit;
}
}

22
filed/templates/authors.html
View File

@ -1,9 +1,23 @@
{% extends "base.html" %}
{% block head %}
<link rel="stylesheet" href="/mobile-hide.css" />
{% endblock %}
{% block body %}
<div style="max-width:95vw;width:fit-content;margin:0 auto;text-align:center">
<h1>Authors</h1>
<div style="max-width:95vw;width:fit-content;margin:30px auto">
<p style="text-align:center" class="mobile-only">
<img src="/android-chrome-192x192.png" width="256" height="256" />
</p>
<table>
<tbody>
<tr>
<td style="vertical-align: middle" class="mobile-hide">
<img src="/android-chrome-192x192.png" width="192" height="192" />
</td>
<td style="vertical-align: middle;padding-left: 12px;">
<h1 style="margin-left:0">Authors</h1>
<p>
{%- if conf.brand.instance_name != "blek! File" -%}
{{ conf.brand.instance_name }} is powered by
@ -31,6 +45,10 @@
<a style='display:block' class="btn btn-fill" href='/'>
Go back
</a>
</td>
</tr>
</tbody>
</table>
</div>
{% endblock %}