chore: make pagination scale somewhat better on small devices awaiting design feedback on ellipsises

This commit is contained in:
Arvid Norlin
2024-08-19 16:29:22 +02:00
parent b0358ffa0e
commit 0453728696

View File

@@ -1,11 +1,13 @@
.pagination {
display: flex;
justify-content: center;
justify-content: left;
padding: var(--Spacing-x2);
background-color: var(--Base-Surface-Primary-light-Normal);
border-radius: var(--Corner-radius-Rounded);
margin: auto;
gap: var(--Spacing-x5);
max-width: 100%;
overflow-x: auto;
}
.paginationButton {
@@ -19,6 +21,7 @@
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.chevronLeft {
@@ -31,3 +34,9 @@
background-color: var(--Base-Text-Accent);
border-radius: var(--Corner-radius-Rounded);
}
@media screen and (min-width: 768px) {
.pagination {
justify-content: center;
}
}