💄(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 {
|
||||
display: flex;
|
||||
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