Introduced page navigation on results

This commit is contained in:
Florian SYLVAIN
2021-11-12 14:59:55 +01:00
parent 344493832e
commit 8890a310b4
5 changed files with 130 additions and 40 deletions
+21
View File
@@ -66,6 +66,7 @@ header {
box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
border-radius: 15px;
height: 40px;
max-width: 500px;
display: flex;
align-items: center;
background-color: white;
@@ -135,6 +136,7 @@ header {
border-radius: 0 0 15px 15px;
padding: 0 10px 10px 10px;
width: 100%;
max-width: 500px;
border: none;
border-top: solid 1px lightgray;
}
@@ -406,6 +408,25 @@ header {
}
}
.page-nav {
display: flex;
gap: 10px;
font-size: 18px;
line-height: 0;
margin: 15px auto 15px auto;
padding: 0 15px 0 15px;
border-radius: 20px;
color: #1a5f7d;
background: linear-gradient(245deg, rgba(57, 179, 231, 0.50) -15%, rgba(0, 149, 219, 0.50) 110%);
}
.page-nav div {
display: flex;
gap: 5px;
max-width: 155px;
overflow-x: scroll;
}
/* Small */
@media (min-width: 576px) {