fix: 전화접수 관리 접수 리스트 카드 높이·행 채움 개선

- 그리드 items-start 제거 → 접수 리스트 카드가 지정판매소 정보 카드와 같은 높이로 정렬
- 접수 리스트 카드를 flex 컬럼으로, 스크롤 영역을 flex-1 min-h-0로 하여 카드 높이를 꽉 채움
- 리스트 테이블에 h-full 적용 → 데이터 행이 적을 때 행 높이가 늘어나 표 하단 공백 제거(많을 땐 스크롤)
This commit is contained in:
taekyoungc
2026-07-01 14:46:02 +09:00
parent 9933a18e03
commit 259a3159f0

View File

@@ -15,11 +15,11 @@
</form> </form>
</section> </section>
<div class="grid grid-cols-1 xl:grid-cols-9 gap-3 mt-2 items-start"> <div class="grid grid-cols-1 xl:grid-cols-9 gap-3 mt-2">
<section class="xl:col-span-5 border border-gray-300 rounded-lg bg-white overflow-hidden"> <section class="xl:col-span-5 border border-gray-300 rounded-lg bg-white overflow-hidden flex flex-col">
<div class="px-3 py-2 border-b border-gray-200 bg-gray-50 text-sm font-semibold text-gray-700">접수 리스트(전화)</div> <div class="px-3 py-2 border-b border-gray-200 bg-gray-50 text-sm font-semibold text-gray-700">접수 리스트(전화)</div>
<div class="max-h-[72vh] overflow-auto"> <div class="flex-1 min-h-0 max-h-[72vh] overflow-auto">
<table class="w-full data-table text-sm"> <table class="w-full data-table text-sm h-full">
<thead> <thead>
<tr> <tr>
<th class="w-12 text-center sort-th cursor-pointer select-none" data-sort="so_idx" data-type="num">번호<span class="sort-ind"></span></th> <th class="w-12 text-center sort-th cursor-pointer select-none" data-sort="so_idx" data-type="num">번호<span class="sort-ind"></span></th>