Change style to use flex

inspired by PR #1140
This commit is contained in:
Kcchouette 2021-03-08 18:56:26 +01:00 committed by GitHub
parent 83cafcc9ff
commit a15ac4bc60
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -11,9 +11,11 @@
<body>
<header class="clearfix">
<img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
<h1>OnionShare</h1>
<header class="d-flex">
<div class="logo-container">
<img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
<h1>OnionShare</h1>
</div>
</header>
{% if breadcrumbs %}
@ -23,37 +25,36 @@
</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.link }}">
{{ 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" />
<a href="{{ info.link }}">
{{ info.basename }}
<span>{{ info.basename }}</span>
</a>
</td>
<td>{{ info.size_human }}</td>
</tr>
</div>
<div>{{ info.size_human }}</div>
</div>
{% endfor %}
</table>
</div>
</body>
</html>