style sort select

This commit is contained in:
imohkay 2021-10-28 21:59:44 +05:30
parent cc5200fd2d
commit 40b072002c
2 changed files with 19 additions and 12 deletions

View file

@ -6,8 +6,15 @@
color: #ee0; color: #ee0;
text-decoration: none; text-decoration: none;
} }
select {
font-size: 18px;
font-family: "noto_sans", sans-serif;
padding: calc(var(--spacing) /4) var(--spacing);
}
.film { .film {
margin-bottom: var(--spacing-2); margin-top: var(--spacing-2);
h1 { h1 {
font-weight: bold; font-weight: bold;
font-size: 20px; font-size: 20px;

4
app/templates/films.html Normal file → Executable file
View file

@ -2,8 +2,9 @@
{% block body_class%}animated animated-text{% endblock %} {% block body_class%}animated animated-text{% endblock %}
{% block main %} {% block main %}
<div class="films" id="films">
<div> <div>
Sort: <strong>Sort:</strong>
<select id="sort-select"> <select id="sort-select">
<option value="position" selected>Default</option> <option value="position" selected>Default</option>
<option value="title">Title</option> <option value="title">Title</option>
@ -13,7 +14,6 @@
<option value="lightness">Lightness</option> <option value="lightness">Lightness</option>
</select> </select>
</div> </div>
<div class="films" id="films">
{% for film in films %} {% for film in films %}
<div class="film" <div class="film"
data-position="{{ film.position }}" data-position="{{ film.position }}"