fix : 팝업 화면 페이징 버튼 수정

main
이범준 2 years ago
parent 343fb2ca0b
commit 0b7ae5aa89

@ -38,17 +38,17 @@ Date Author Description
</form> </form>
<div class="container-window-btn1"> <div class="container-window-btn1">
<div class="container-window-btn-right"> <div class="container-window-btn-right">
<button type="button" id="double_prev" name="double_prev"> <button type="button" id="double_prev" name="double_prev" class="btn btn-pagination">
<i class="fa-solid fa-angles-left"></i> <i class="fa-solid fa-angles-left"></i>
</button> </button>
<button type="button" id="prev" name="prev"> <button type="button" id="prev" name="prev" class="btn btn-pagination">
<i class="fa-solid fa-angle-left"></i> <i class="fa-solid fa-angle-left"></i>
</button> </button>
<span id="totCnt" style="padding: 0 10px;"></span> <span id="totCnt" style="padding: 0 10px;"></span>
<button type="button" id="next" name="next"> <button type="button" id="next" name="next" class="btn btn-pagination">
<i class="fa-solid fa-angle-right"></i> <i class="fa-solid fa-angle-right"></i>
</button> </button>
<button type="button" id="double_next" name="double_next"> <button type="button" id="double_next" name="double_next" class="btn btn-pagination">
<i class="fa-solid fa-angles-right"></i> <i class="fa-solid fa-angles-right"></i>
</button> </button>
<a href="#" class="btn btn-blue" id="btnSave">변경</a> <a href="#" class="btn btn-blue" id="btnSave">변경</a>

@ -239,17 +239,17 @@ Date Author Description
</form> </form>
<div class="container-window-btn1"> <div class="container-window-btn1">
<div class="container-window-btn-right"> <div class="container-window-btn-right">
<button type="button" id="double_prev" name="double_prev"> <button type="button" id="double_prev" name="double_prev" class="btn btn-pagination">
<i class="fa-solid fa-angles-left"></i> <i class="fa-solid fa-angles-left"></i>
</button> </button>
<button type="button" id="prev" name="prev"> <button type="button" id="prev" name="prev" class="btn btn-pagination">
<i class="fa-solid fa-angle-left"></i> <i class="fa-solid fa-angle-left"></i>
</button> </button>
<span id="totCnt" style="padding: 0 10px;"></span> <span id="totCnt" style="padding: 0 10px;"></span>
<button type="button" id="next" name="next"> <button type="button" id="next" name="next" class="btn btn-pagination">
<i class="fa-solid fa-angle-right"></i> <i class="fa-solid fa-angle-right"></i>
</button> </button>
<button type="button" id="double_next" name="double_next"> <button type="button" id="double_next" name="double_next" class="btn btn-pagination">
<i class="fa-solid fa-angles-right"></i> <i class="fa-solid fa-angles-right"></i>
</button> </button>
</div> </div>

@ -41,17 +41,17 @@ Date Author Description
<p class="container-window-header-title">개별총정보</p> <p class="container-window-header-title">개별총정보</p>
<div class="container-window-btn1"> <div class="container-window-btn1">
<div class="container-window-btn-right"> <div class="container-window-btn-right">
<button type="button" id="double_prev" name="double_prev"> <button type="button" id="double_prev" name="double_prev" class="btn btn-pagination">
<i class="fa-solid fa-angles-left"></i> <i class="fa-solid fa-angles-left"></i>
</button> </button>
<button type="button" id="prev" name="prev"> <button type="button" id="prev" name="prev" class="btn btn-pagination">
<i class="fa-solid fa-angle-left"></i> <i class="fa-solid fa-angle-left"></i>
</button> </button>
<span id="totCnt" style="padding: 0 10px;"></span> <span id="totCnt" style="padding: 0 10px;"></span>
<button type="button" id="next" name="next"> <button type="button" id="next" name="next" class="btn btn-pagination">
<i class="fa-solid fa-angle-right"></i> <i class="fa-solid fa-angle-right"></i>
</button> </button>
<button type="button" id="double_next" name="double_next"> <button type="button" id="double_next" name="double_next" class="btn btn-pagination">
<i class="fa-solid fa-angles-right"></i> <i class="fa-solid fa-angles-right"></i>
</button> </button>
</div> </div>

@ -13,13 +13,13 @@
</p> </p>
<div class="container-window-btn3"> <div class="container-window-btn3">
<button type="button" id="prev" name="prev" class="btn btn-prev">prev</button> <button type="button" id="prev" name="prev" class="btn btn-pagination">prev</button>
<div> <div>
<span> <span>
<div id="totCnt" style="padding: 0 10px;"><span></span></div> <div id="totCnt" style="padding: 0 10px;"><span></span></div>
</span> </span>
</div> </div>
<button type="button" id="next" name="next" class="btn btn-next">next</button> <button type="button" id="next" name="next" class="btn btn-pagination">next</button>
</div> </div>
<form> <form>
<div class="container-window-btn1"> <div class="container-window-btn1">

@ -10,13 +10,13 @@
<c:out value="${bizName}"/>(<c:out value="${reqDTO.interfaceSeqN}"/>) 상세 <c:out value="${bizName}"/>(<c:out value="${reqDTO.interfaceSeqN}"/>) 상세
</p> </p>
<div class="container-window-btn3"> <div class="container-window-btn3">
<button type="button" id="prev" name="prev" class="btn btn-prev">prev</button> <button type="button" id="prev" name="prev" class="btn btn-pagination">prev</button>
<div> <div>
<span> <span>
<div id="totCnt" style="padding: 0 10px;"><span></span></div> <div id="totCnt" style="padding: 0 10px;"><span></span></div>
</span> </span>
</div> </div>
<button type="button" id="next" name="next" class="btn btn-next">next</button> <button type="button" id="next" name="next" class="btn btn-pagination">next</button>
</div> </div>
<form name="frmStmt"> <form name="frmStmt">
<table class="table-03"> <table class="table-03">

@ -13,17 +13,17 @@
<span id="totCnt" style="padding: 0 10px;"></span> <span id="totCnt" style="padding: 0 10px;"></span>
<a href="#" class="btn btn-blue" id="next">next</a> <a href="#" class="btn btn-blue" id="next">next</a>
--> -->
<button type="button" id="double_prev" name="double_prev"> <button type="button" id="double_prev" name="double_prev" class="btn btn-pagination">
<i class="fa-solid fa-angles-left"></i> <i class="fa-solid fa-angles-left"></i>
</button> </button>
<button type="button" id="prev" name="prev"> <button type="button" id="prev" name="prev" class="btn btn-pagination">
<i class="fa-solid fa-angle-left"></i> <i class="fa-solid fa-angle-left"></i>
</button> </button>
<span id="totCnt" style="padding: 0 10px;"></span> <span id="totCnt" style="padding: 0 10px;"></span>
<button type="button" id="next" name="next"> <button type="button" id="next" name="next" class="btn btn-pagination">
<i class="fa-solid fa-angle-right"></i> <i class="fa-solid fa-angle-right"></i>
</button> </button>
<button type="button" id="double_next" name="double_next"> <button type="button" id="double_next" name="double_next" class="btn btn-pagination">
<i class="fa-solid fa-angles-right"></i> <i class="fa-solid fa-angles-right"></i>
</button> </button>
</div> </div>

@ -113,12 +113,13 @@
float:right; float:right;
} }
.btn-prev, .btn-next { .btn-pagination {
border:1px solid #e1e1e1; border:1px solid #e1e1e1;
padding:15px 16px; padding:15px 16px;
line-height: 0px; line-height: 0px;
border-radius: 7px; border-radius: 7px;
background:#F5F5F5; background:#F5F5F5;
--bs-btn-disabled-bg: #F5F5F5;
} }
/*팝업 영역 */ /*팝업 영역 */
@ -234,6 +235,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
margin-left: auto; margin-left: auto;
column-gap: 3px;
} }

Loading…
Cancel
Save