메인화면 css 수정

main
이범준 1 year ago
parent c122d43ca5
commit 57b71e0f7c

@ -17,7 +17,7 @@
<form id="frmSearch--${pageName}" name="frmSearch"> <form id="frmSearch--${pageName}" name="frmSearch">
<div class="container-search"> <div class="container-search">
<div class="row"> <div class="row g-1">
<div class="col-12"> <div class="col-12">
<label class="form-label fw-bold form-search-title">시스템구분</label> <label class="form-label fw-bold form-search-title">시스템구분</label>
<span class="form-search-linebox"> <span class="form-search-linebox">
@ -39,11 +39,11 @@
<span class="form-search-linebox"> <span class="form-search-linebox">
<input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date" <input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date"
data-fmt-type="day" title="시작 날짜 선택" /> data-fmt-type="day" title="시작 날짜 선택" />
<button type="button" class="bx bx-calendar bg-white"></button> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
~ ~
<input type="text" id="schDateTo--${pageName}" name="schDateTo" class="form-control form-date" <input type="text" id="schDateTo--${pageName}" name="schDateTo" class="form-control form-date"
data-fmt-type="day" title="종료 날짜 선택"> data-fmt-type="day" title="종료 날짜 선택">
<button type="button" class="bx bx-calendar bg-white"></button> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
</span> </span>
</div> </div>
<div class="col-12"> <div class="col-12">
@ -86,21 +86,21 @@
</div> </div>
</div> </div>
</div> </div>
</form> </form>
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<div id="totCnt--${pageName}">전체 ㅣ <span></span></div> <a href="#" class="btn btn-blue" id="" title="업무처리1">업무 처리1</a>
<a href="#" class="btn btn-blue" id="" title="업무처리2">업무 처리2</a>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
선택 | n건 <div class="d-flex flex-row justify-content-between">
<a href="#" class="btn btn-blue" id="" title="업무처리1">업무 처리1</a> <label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<a href="#" class="btn btn-blue" id="" title="업무처리2">업무 처리2</a> <ul id="crdnPaging--${pageName}" class="pagination pagination-primary">
</ul>
</div>
</span> </span>
</span> </span>
</div> </div>
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer"> <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
<div id="table-responsive--${pageName}" class="table-responsive" <div id="table-responsive--${pageName}" class="table-responsive"
@ -117,11 +117,6 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="d-flex flex-row p-3 justify-content-between">
<label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary">
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>

@ -17,7 +17,7 @@
<form id="frmSearch--${pageName}" name="frmSearch"> <form id="frmSearch--${pageName}" name="frmSearch">
<div class="container-search"> <div class="container-search">
<div class="row"> <div class="row g-1">
<div class="col-12"> <div class="col-12">
<select id="schDateOpt--${pageName}" name="schDateOpt" class="form-select"> <select id="schDateOpt--${pageName}" name="schDateOpt" class="form-select">
<option value="crdnYmd">단속일자</option> <option value="crdnYmd">단속일자</option>
@ -26,11 +26,11 @@
<span class="form-search-linebox"> <span class="form-search-linebox">
<input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date" <input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date"
data-fmt-type="day" title="시작 날짜 선택" /> data-fmt-type="day" title="시작 날짜 선택" />
<button type="button" class="bx bx-calendar bg-white"></button> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
~ ~
<input type="text" id="schDateTo--${pageName}" name="schDateTo" class="form-control form-date" <input type="text" id="schDateTo--${pageName}" name="schDateTo" class="form-control form-date"
data-fmt-type="day" title="종료 날짜 선택"> data-fmt-type="day" title="종료 날짜 선택">
<button type="button" class="bx bx-calendar bg-white"></button> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
</span> </span>
</div> </div>
<div class="col-12"> <div class="col-12">
@ -70,12 +70,15 @@
<a href="#" class="btn btn-blue" id="btnUpdateToConfirmData--${pageName}" title="개별 확인 자료로 수정">개별 확인 자료로 수정</a> <a href="#" class="btn btn-blue" id="btnUpdateToConfirmData--${pageName}" title="개별 확인 자료로 수정">개별 확인 자료로 수정</a>
<span class="container-window-btn-right"> <span class="container-window-btn-right">
<div class="d-flex flex-row justify-content-between">
<label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary">
</ul>
</div>
</span> </span>
</span> </span>
</div> </div>
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer"> <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
<div id="table-responsive--${pageName}" class="table-responsive" <div id="table-responsive--${pageName}" class="table-responsive"
@ -92,11 +95,6 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="d-flex flex-row p-3 justify-content-between">
<label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary">
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>

@ -17,7 +17,7 @@
<form id="frmSearch--${pageName}" name="frmSearch"> <form id="frmSearch--${pageName}" name="frmSearch">
<div class="container-search"> <div class="container-search">
<div class="row"> <div class="row g-1">
<div class="col-12"> <div class="col-12">
<label class="form-label fw-bold form-search-title">시스템구분</label> <label class="form-label fw-bold form-search-title">시스템구분</label>
<span class="form-search-linebox"> <span class="form-search-linebox">
@ -39,11 +39,11 @@
<span class="form-search-linebox"> <span class="form-search-linebox">
<input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date" <input type="text" id="schDateFrom--${pageName}" name="schDateFrom" class="form-control form-date"
data-fmt-type="day" title="시작 날짜 선택" /> data-fmt-type="day" title="시작 날짜 선택" />
<button type="button" class="bx bx-calendar bg-white"></button> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
~ ~
<input type="text" id="schDateTo--${pageName}" name="schDateTo" class="form-control form-date" <input type="text" id="schDateTo--${pageName}" name="schDateTo" class="form-control form-date"
data-fmt-type="day" title="종료 날짜 선택"> data-fmt-type="day" title="종료 날짜 선택">
<button type="button" class="bx bx-calendar bg-white"></button> <button type="button" class="bx bx-sm bx-calendar bg-white"></button>
</span> </span>
</div> </div>
<div class="col-12"> <div class="col-12">
@ -83,19 +83,18 @@
</div> </div>
</div> </div>
</div> </div>
</form> </form>
<div> <div>
<span class="container-page-btn"> <span class="container-page-btn">
<span class="container-window-btn-right"> <span class="container-window-btn-right">
<div class="d-flex flex-row justify-content-between">
<label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary">
</ul>
</div>
</span> </span>
</span> </span>
</div> </div>
<div class="card-datatable text-nowrap"> <div class="card-datatable text-nowrap">
<div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer"> <div id="DataTables_Table_0_wrapper--${pageName}" class="dataTables_wrapper dt-bootstrap5 no-footer">
<div id="table-responsive--${pageName}" class="table-responsive" <div id="table-responsive--${pageName}" class="table-responsive"
@ -112,11 +111,6 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div class="d-flex flex-row p-3 justify-content-between">
<label id="crdnPaging--${pageName}PagingInfo" class="dataTables_info" role="status" aria-live="polite"></label>
<ul id="crdnPaging--${pageName}" class="pagination pagination-primary">
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>

@ -345,7 +345,9 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.container-page-btn .btn{
margin:0 3px;
}
.container-window-btn-right { .container-window-btn-right {
display: flex; display: flex;

Loading…
Cancel
Save