pages nav got style
This commit is contained in:
parent
a79e8f0cd6
commit
08c5c71d9e
@ -147,6 +147,12 @@ main:is(#searchResults, #favorites) {
|
|||||||
justify-items: stretch;
|
justify-items: stretch;
|
||||||
gap: 2rem;
|
gap: 2rem;
|
||||||
}
|
}
|
||||||
|
& > nav {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 24px;
|
||||||
|
padding: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
section.album {
|
section.album {
|
||||||
|
@ -47,11 +47,11 @@ endblock %} {% block body %}
|
|||||||
<nav>
|
<nav>
|
||||||
<a
|
<a
|
||||||
href="/search?q={{query}}&page={{previous_page}}&fruit={{fruit_emoji}}"
|
href="/search?q={{query}}&page={{previous_page}}&fruit={{fruit_emoji}}"
|
||||||
>previous page</a
|
>‹‹ previous page</a
|
||||||
>
|
>
|
||||||
<p>{{page}}</p>
|
<p>{{page}}</p>
|
||||||
<a href="/search?q={{query}}&page={{next_page}}&fruit={{fruit_emoji}}"
|
<a href="/search?q={{query}}&page={{next_page}}&fruit={{fruit_emoji}}"
|
||||||
>next page</a
|
>next page ››</a
|
||||||
>
|
>
|
||||||
</nav>
|
</nav>
|
||||||
</main>
|
</main>
|
||||||
|
Loading…
Reference in New Issue
Block a user