수정 본

This commit is contained in:
2026-03-10 18:57:09 +09:00
parent 13dfb3e112
commit 9650707caf
11 changed files with 2701 additions and 964 deletions

View File

@@ -14,6 +14,12 @@ $usr_nm = session('usr_nm');
text-align: center;
}
/* 테이블 헤더 좌우 여백 조정 */
#resultList thead th {
padding-left: 4px !important;
padding-right: 4px !important;
}
td {
text-align: center;
}
@@ -66,19 +72,47 @@ $usr_nm = session('usr_nm');
overflow-x: auto !important;
}
/* 테이블 폭: 내용 기준으로 커지되, 최소는 100% */
/* 테이블 폭: 내용에 따라 자동 조정, 스크롤 필요시 표시 */
.table-responsive #resultList {
width: max-content !important;
min-width: 100% !important;
width: 100% !important;
table-layout: auto !important;
}
/* 줄바꿈 금지 */
/* 줄바꿈 허용 - 공백 기준으로 줄바꿈 */
#resultList th,
#resultList td {
white-space: nowrap;
white-space: normal !important;
word-wrap: break-word;
}
/* tw-* 클래스가 DataTable의 inline 스타일보다 우선순위 높이기 */
#resultList th.tw-30,
#resultList td.tw-30 { width: 30px !important; max-width: 30px !important; min-width: 30px !important; }
#resultList th.tw-50,
#resultList td.tw-50 { width: 50px !important; max-width: 50px !important; min-width: 50px !important; }
#resultList th.tw-70,
#resultList td.tw-70 { width: 70px !important; max-width: 70px !important; min-width: 70px !important; }
#resultList th.tw-80,
#resultList td.tw-80 { width: 80px !important; max-width: 80px !important; min-width: 80px !important; }
#resultList th.tw-90,
#resultList td.tw-90 { width: 90px !important; max-width: 90px !important; min-width: 90px !important; }
#resultList th.tw-100,
#resultList td.tw-100 { width: 100px !important; max-width: 100px !important; min-width: 100px !important; }
#resultList th.tw-120,
#resultList td.tw-120 { width: 120px !important; max-width: 120px !important; min-width: 120px !important; }
#resultList th.tw-130,
#resultList td.tw-130 { width: 130px !important; max-width: 130px !important; min-width: 130px !important; }
#resultList th.tw-140,
#resultList td.tw-140 { width: 140px !important; max-width: 140px !important; min-width: 140px !important; }
#resultList th.tw-150,
#resultList td.tw-150 { width: 150px !important; max-width: 150px !important; min-width: 150px !important; }
#resultList th.tw-180,
#resultList td.tw-180 { width: 180px !important; max-width: 180px !important; min-width: 180px !important; }
#resultList th.tw-200,
#resultList td.tw-200 { width: 200px !important; max-width: 200px !important; min-width: 200px !important; }
#resultList th.tw-250,
#resultList td.tw-250 { width: 250px !important; max-width: 250px !important; min-width: 250px !important; }
/* PC에서 가로 스크롤이 잘리는 대표 구간들 강제 해제 */
.main-card,
.card,
@@ -101,12 +135,27 @@ $usr_nm = session('usr_nm');
.card-body {
min-width: 0;
}
</style>
<h1>평면도 관리</h1>
/* 검색 영역 행마다 구분선 추가 */
#frm_srch_info .row.g-3 {
padding: 12px 0;
border-bottom: 1px solid #e9ecef;
}
#frm_srch_info .row.g-3:last-child {
border-bottom: none;
}
</style>
<div class="col-md-12 col-xl-12">
<div class="main-card mb-3 card">
<div class="card-header bg-white border-bottom shadow-sm">
<div class="d-flex flex-wrap align-items-center gap-3 card-header-tab">
<div>
<h4 class="mb-0 fw-bold text-dark">평면도 관리</h4>
</div>
</div>
</div>
<div class="card-body">
<form id="frm_srch_info" method="get" onsubmit="return false;">
<div class="alert alert-warning py-2 mb-3">