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 { #wrap {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-evenly;
} }
.result-wrapper { .result-wrapper {

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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