Adds responsiveness in receive and share modes webapps

This commit is contained in:
Saptak S 2020-07-05 20:59:25 +05:30
parent 172a30d5c9
commit 38d3eec427
No known key found for this signature in database
GPG key ID: 2D9B32E54C68A3FB
2 changed files with 82 additions and 45 deletions

View file

@ -11,15 +11,15 @@
<body>
<header class="clearfix">
<div class="right">
<ul>
<li>Total size: <strong>{{ filesize_human }}</strong> {% if is_zipped %} (compressed){% endif %}</li>
<li><a class="button" href='/download'>Download Files</a></li>
</ul>
<header class="d-flex">
<div class="logo-container">
<img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
<h1>OnionShare</h1>
</div>
<div class="information d-flex">
<div>Total size: <strong>{{ filesize_human }}</strong> {% if is_zipped %} (compressed){% endif %}</div>
<a class="button" href='/download'>Download Files</a>
</div>
<img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
<h1>OnionShare</h1>
</header>
{% if breadcrumbs %}
@ -28,40 +28,39 @@
</ul>
{% endif %}
<table class="file-list" id="file-list">
<tr>
<th id="filename-header">Filename</th>
<th id="size-header">Size</th>
<th></th>
</tr>
<div class="file-list" id="file-list">
<div class="d-flex">
<div id="filename-header" class="heading">Filename</div>
<div id="size-header" class="heading">Size</div>
</div>
{% for info in dirs %}
<tr>
<td>
<div class="d-flex">
<div>
<img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_folder.png" />
<a href="{{ info.basename }}">
{{ info.basename }}
<span>{{ info.basename }}</span>
</a>
</td>
<td>&mdash;</td>
</tr>
</div>
<div>&mdash;</div>
</div>
{% endfor %}
{% for info in files %}
<tr>
<td>
<div class="d-flex">
<div>
<img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_file.png" />
{% if download_individual_files %}
<a href="{{ info.basename }}">
{{ info.basename }}
<span>{{ info.basename }}</span>
</a>
{% else %}
{{ info.basename }}
<span>{{ info.basename }}</span>
{% endif %}
</td>
<td>{{ info.size_human }}</td>
</tr>
</div>
<div>{{ info.size_human }}</div>
</div>
{% endfor %}
</table>
</div>
<script async src="{{ static_url_path }}/js/send.js" charset="utf-8"></script>
</body>