Minor visual changes

This commit is contained in:
Maximilian Wagner
2023-08-02 22:10:55 +02:00
parent b4d37a1878
commit d739a321d4
3 changed files with 38 additions and 45 deletions

View File

@@ -13,7 +13,7 @@ frontend = Blueprint('frontend', __name__)
nav = Nav() nav = Nav()
nav.register_element('frontend_top', Navbar( nav.register_element('frontend_top', Navbar(
View('yt-dls', '.index'), View('ytm-ls', '.index'),
View('downloader', '.downloader'), View('downloader', '.downloader'),
View('updater', '.updater'), View('updater', '.updater'),
View('library', '.library') View('library', '.library')

View File

@@ -1,14 +1,8 @@
{%- extends "bootstrap/base.html" %} {%- extends "bootstrap/base.html" %}
{% import "bootstrap/fixes.html" as fixes %}
{% import "bootstrap/utils.html" as utils %} {% import "bootstrap/utils.html" as utils %}
{% block title %} {% block title %}
yt-dls ytm-ls
{% endblock %}
{% block head %}
{{ super() }}
{{ fixes.ie8() }}
{% endblock %} {% endblock %}
{% block navbar %} {% block navbar %}

View File

@@ -2,57 +2,56 @@
{% block content %} {% block content %}
{{ super() }} {{ super() }}
<div class="container"> <div class="container" style="width: fit-content(105%)">
{% if playlists %}
<div class="card" style="width: 100%"> <div class="card">
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<li class="list-group-item"> <li class="list-group-item">
<div class="row"> <div class="row">
<div class="col-md-5"> <table id="playlists" class="table">
<table id="videos" class="table">
<thead> <thead>
<tr> <tr>
<th scope="col" class="text-center">Title</th> <th scope="col" class="text-center">Playlists</th>
<th scope="col" class="text-center">Download</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for video in videos %} {% for playlist in playlists %}
<tr> <tr>
<td class="text-center">{{ video['name'] }}</td> <td class="text-center"> <a href="/library-playlist?playlist={{ playlist['ROWID'] }}">{{ playlist['name'] }}</a></td>
<td class="text-center"><a href="/download/{{ video['path'] + video['name'] + video['ext'] }}" download>Link</a></td>
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div> </div>
</li>
</ul>
</div>
{% endif %}
<br><br>
<div class="card">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="row">
<table id="videos" class="table">
<thead>
<tr>
<th scope="col" class="text-center">Title</th>
<th scope="col" class="text-center">Download</th>
</tr>
</thead>
<tbody>
{% for video in videos %}
<tr>
<td class="text-center">{{ video['name'] }}</td>
<td class="text-center"><a href="/download/{{ video['path'] + video['name'] + video['ext'] }}" download>Link</a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<br><br>
<div class="col-md-1"></div>
{% if playlists %}
<div class="col-md-2">
<table id="playlists" class="table">
<thead>
<tr>
<th scope="col" class="text-center">Playlists</th>
</tr>
</thead>
<tbody>
{% for playlist in playlists %}
<tr>
<td class="text-center"> <a href="/library-playlist?playlist={{ playlist['ROWID'] }}">{{ playlist['name'] }}</a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{% endif %}
</div> </div>
{%- endblock %} {%- endblock %}