0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-19 09:52:44 +00:00

pagination controls render separately

This commit is contained in:
Víctor Losada Hernández
2024-02-13 10:48:19 +01:00
parent 2f323cde8a
commit 9fc8af6553
2 changed files with 60 additions and 21 deletions

View File

@@ -166,28 +166,49 @@ body {
position: absolute;
left: 50%;
translate: -50%;
width: 500px;
width: auto;
display: grid;
place-items: center;
grid-template-areas: "previousPage currentPage nextPage";
grid-template-columns: 50px 1fr 50px;
.currentPage {
.pages {
grid-area: currentPage;
height: 100%;
width: 100%;
display: block;
display: flex;
justify-content:space-evenly;
text-align: center;
color: white;
font-family: Open Sans;
font-weight: 900;
padding: 5px 8px;
.pageNumber {
color: white;
font-family: Open Sans;
font-weight: 900;
text-underline-position: under;
margin-inline:10px;
cursor: pointer;
&.currentPage {
color:gold;
text-decoration:underline;
pointer-events:none;
}
}
}
button {
width:max-content;
border-radius:5px;
&.previousPage {
grid-area: previousPage;
}
&.nextPage {
grid-area: nextPage;
}
}
button.previousPage {
grid-area: previousPage;
}
button.nextPage {
grid-area: nextPage;
}
}
hr {