Center everything

This commit is contained in:
metalune 2021-07-18 00:52:53 +02:00
parent f528cdb46c
commit 4c1572f5fa
11 changed files with 27 additions and 3 deletions

View file

@ -10,6 +10,7 @@ body {
#wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.result-wrapper {

View file

@ -8,7 +8,7 @@
<br>
<br>
<hr>
<div id="wrap">
{% for channel in video_channels.data %}
<div class="result-wrapper">
@ -24,5 +24,6 @@
</div>
{% endfor %}
</div>
<hr>
{% endblock %}

View file

@ -9,8 +9,8 @@
{% endblock %}
</head>
<!-- I know that inline CSS is not .. the best, but I'll move it to an external file for sure! definitely! -->
<body>
<center>
<h2>{{ instance_name }}</h2>
<form action="/{{ domain }}/search" method="POST">
<input size="45" type="text" name="query" id="query" placeholder="Search" value="{{ search_term }}"/>
@ -61,5 +61,6 @@
{% endif %}
{% endif %}
{% endif %}
</center>
</body>
</html>

View file

@ -4,6 +4,7 @@
{% block content %}
<hr>
<div id="wrap">
{% for video in videos.data %}
<div class="result-wrapper">
@ -25,5 +26,6 @@
</div>
{% endfor %}
</div>
<hr>
{% endblock %}

View file

@ -4,6 +4,7 @@
{% block content %}
<hr>
<div id="wrap">
{% for video in videos.data %}
<div class="result-wrapper">
@ -25,5 +26,6 @@
</div>
{% endfor %}
</div>
<hr>
{% endblock %}

View file

@ -4,6 +4,7 @@
{% block content %}
<hr>
<div id="wrap">
{% for video in videos.data %}
<div class="result-wrapper">
@ -26,5 +27,6 @@
{% endfor %}
</div>
<hr>
{% endblock %}

View file

@ -4,6 +4,7 @@
{% block content %}
<hr>
<div id="wrap">
{% for video in videos.data %}
<div class="result-wrapper">
@ -25,5 +26,6 @@
</div>
{% endfor %}
</div>
<hr>
{% endblock %}

View file

@ -5,6 +5,7 @@
{% block content %}
<p>{{ results.total }} results</p>
<hr>
<div id="wrap">
{% for result in results.data %}
<div class="result-wrapper">
@ -28,5 +29,6 @@
</div>
{% endfor %}
</div>
<hr>
{% endblock %}

View file

@ -6,6 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<center>
<h2>SimpleerTube</h2>
<form action="/search" method="POST">
<input size="45" type="text" name="query" id="query" placeholder="Search" value="{{ query }}"/>
@ -31,10 +32,14 @@
{{ results.total }} Results
<hr>
<div id="wrap">
{% for result in results.data %}
<div class="result-wrapper">
<img src="{{ result.thumbnailUrl }}" height="150">
<a href="/{{ result.channel.host }}/videos/watch/{{ result.uuid }}">
<img src="{{ result.thumbnailUrl }}" height="150">
</a>
<div class="result-info">
<a href="/{{ result.channel.host }}/videos/watch/{{ result.uuid }}">{{ result.name }}</a>
<br>
@ -47,6 +52,7 @@
</div>
{% endfor %}
</div>
<hr>
{% if pages_total > 1 %}
{% if page > 1 %}
@ -59,5 +65,6 @@
<a href="/search/{{ query }}/{{ page + 1}}">Next</a>
{% endif %}
{% endif %}
</center>
</body>
</html>

View file

@ -8,6 +8,7 @@
<br>
<br>
<hr>
<div id="wrap">
{% for playlist in video_playlists.data %}
<div class="result-wrapper">
@ -21,5 +22,6 @@
</div>
{% endfor %}
</div>
<hr>
{% endblock %}

View file

@ -8,6 +8,7 @@
<br>
<br>
<hr>
<div id="wrap">
{% for video in videos.data %}
<div class="result-wrapper">
@ -24,5 +25,6 @@
</div>
{% endfor %}
</div>
<hr>
{% endblock %}