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;
text-decoration: none;
}
select {
font-size: 18px;
font-family: "noto_sans", sans-serif;
padding: calc(var(--spacing) /4) var(--spacing);
}
.film {
margin-bottom: var(--spacing-2);
margin-top: var(--spacing-2);
h1 {
font-weight: bold;
font-size: 20px;

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

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