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> <body>
<header class="clearfix"> <header class="d-flex">
<img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare"> <div class="logo-container">
<h1>OnionShare</h1> <img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
<h1>OnionShare</h1>
</div>
</header> </header>
{% if breadcrumbs %} {% if breadcrumbs %}
@ -23,37 +25,36 @@
</ul> </ul>
{% endif %} {% endif %}
<table class="file-list" id="file-list"> <div class="file-list" id="file-list">
<tr> <div class="d-flex">
<th id="filename-header">Filename</th> <div id="filename-header" class="heading">Filename</div>
<th id="size-header">Size</th> <div id="size-header" class="heading">Size</div>
<th></th> </div>
</tr>
{% for info in dirs %} {% for info in dirs %}
<tr> <div class="d-flex">
<td> <div>
<img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_folder.png" /> <img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_folder.png" />
<a href="{{ info.link }}"> <a href="{{ info.link }}">
{{ info.basename }} <span>{{ info.basename }}</span>
</a> </a>
</td> </div>
<td>&mdash;</td> <div>&mdash;</div>
</tr> </div>
{% endfor %} {% endfor %}
{% for info in files %} {% for info in files %}
<tr> <div class="d-flex">
<td> <div>
<img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_file.png" /> <img width="30" height="30" title="" alt="" src="{{ static_url_path }}/img/web_file.png" />
<a href="{{ info.link }}"> <a href="{{ info.link }}">
{{ info.basename }} <span>{{ info.basename }}</span>
</a> </a>
</td> </div>
<td>{{ info.size_human }}</td> <div>{{ info.size_human }}</div>
</tr> </div>
{% endfor %} {% endfor %}
</table> </div>
</body> </body>
</html> </html>