Center everything
This commit is contained in:
parent
f528cdb46c
commit
4c1572f5fa
11 changed files with 27 additions and 3 deletions
|
@ -10,6 +10,7 @@ body {
|
|||
#wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.result-wrapper {
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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">
|
||||
<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>
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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 %}
|
||||
|
|
Loading…
Reference in a new issue