
--- client/resources/css/main.css
+++ client/resources/css/main.css
... | ... | @@ -1100,4 +1100,11 @@ |
1100 | 1100 |
|
1101 | 1101 |
.mobile{ |
1102 | 1102 |
display: none; |
1103 |
+} |
|
1104 |
+ |
|
1105 |
+/* -------------- 페이징 버튼 색상 적용 ----------------- */ |
|
1106 |
+.PagingBtn{ |
|
1107 |
+ background-color: #ff7f50; |
|
1108 |
+ color: #ffffff; |
|
1109 |
+ |
|
1103 | 1110 |
}(No newline at end of file) |
--- client/views/component/Pagination.jsx
+++ client/views/component/Pagination.jsx
... | ... | @@ -9,7 +9,7 @@ |
9 | 9 |
<Paging> |
10 | 10 |
<button onClick={() => setPage(page - 1)} disabled={page === 1}><</button> |
11 | 11 |
{Array(numPages).fill().map((_, i) => ( |
12 |
- <button key={i + 1} onClick={() => setPage(i + 1)} aria-current={page === i + 1 ? "page" : null}> {i + 1} </button> |
|
12 |
+ <button key={i + 1} onClick={() => setPage(i + 1)} aria-current={page === i + 1 ? "page" : null} className={page === i + 1 ? "PagingBtn" : null}> {i + 1} </button> |
|
13 | 13 |
))} |
14 | 14 |
<button onClick={() => setPage(page + 1)} disabled={page === numPages}>></button> |
15 | 15 |
</Paging> |
... | ... | @@ -23,4 +23,5 @@ |
23 | 23 |
align-items: center; |
24 | 24 |
gap: 4px; |
25 | 25 |
margin: 16px; |
26 |
-`;(No newline at end of file) |
|
26 |
+`; |
|
27 |
+ |
--- client/views/pages/user_management/UserAuthoriySelect_agency.jsx
+++ client/views/pages/user_management/UserAuthoriySelect_agency.jsx
... | ... | @@ -13,7 +13,7 @@ |
13 | 13 |
|
14 | 14 |
|
15 | 15 |
//페이징 작업 |
16 |
- const limit = 10; // 페이지당 보여줄 공지 개수 |
|
16 |
+ const limit = 15; // 페이지당 보여줄 공지 개수 |
|
17 | 17 |
const [page, setPage] = React.useState(1); //page index |
18 | 18 |
const offset = (page - 1) * limit; //게시물 위치 계산 |
19 | 19 |
const [myUserTotal, setMyUserTotal] = React.useState(0); //최대길이 넣을 변수 |
... | ... | @@ -645,7 +645,9 @@ |
645 | 645 |
))} |
646 | 646 |
</ul> |
647 | 647 |
<div> |
648 |
- <Pagination total={data.id == 1 ? myUserTotal:userTotal} limit={limit} page={page} setPage={setPage} /> |
|
648 |
+ {console.log("data.id : ", data)} |
|
649 |
+ |
|
650 |
+ <Pagination total={data === 1 ? myUserTotal:userTotal} limit={limit} page={page} setPage={setPage} /> |
|
649 | 651 |
</div> |
650 | 652 |
</div> |
651 | 653 |
</div> |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?