💄(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:
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user