💄(react) make Pagination responsive

We want to adapt the layout of Pagination to take less space when
its container is too small.
This commit is contained in:
Nathan Vasse
2023-12-08 12:14:42 +01:00
committed by NathanVss
parent da3761b699
commit 72f7048514

View File

@@ -1,3 +1,5 @@
@use "../../utils/responsive" as *;
.c__pagination { .c__pagination {
display: flex; display: flex;
gap: 2rem; gap: 2rem;
@@ -21,3 +23,20 @@
} }
} }
} }
@include container(md) {
.c__pagination {
width: 100%;
display: block;
&__list {
justify-content: center;
height: 3.5rem;
box-sizing: border-box;
}
&__goto {
display: none;
}
}
}