style: 표/패널 UI 전면 통일 + 화면설명 드로어·글씨크기·탭 개선
표 디자인 - 모든 표를 가벼운 스타일로 통일(.data-table 경량화: 작은 회색 헤더·연한 구분선·hover) - 표/패널 바깥 테두리 둥글게(rounded-lg) 일괄 적용, 표 래퍼에 패딩 카드(p-4) 통일 - 표 헤더·데이터 정렬을 전 화면 좌측 기준으로 통일 - .data-table th/td text-align:left (전역), 흩어진 center/right 정렬 정리 - 재디자인 Tailwind 표(포장단위·단가·기본코드·담당자·업체·판매대행소·무료대상자·지정판매소)도 셀 좌측화 - 기본정보관리 등 나머지 소메뉴 표를 기본 코드 관리 스타일(가벼운 표·상태 pill)로 재디자인 워크스페이스/공통 - "이 화면 설명" → 새 탭 대신 우측 드로어 팝업(현재 화면과 동시에 보기, Esc·드래그 폭조절) - 상단바 글씨 크기 조절(A−/A+), 작업 내용에 zoom 적용 - 탭 최대치 도달 시 자동 삭제 대신 안내 토스트, "모두 닫기"(업무 현황 탭은 보존) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -24,7 +24,7 @@ for ($year = $baseYear - 2; $year <= $baseYear + 2; $year++) {
|
||||
<span class="text-sm font-bold text-gray-700">LOT-No 디스켓 불출</span>
|
||||
</section>
|
||||
|
||||
<section class="border border-gray-300 p-2 mt-2 bg-white">
|
||||
<section class="border border-gray-300 rounded-lg p-2 mt-2 bg-white">
|
||||
<form method="get" class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-6 gap-2 text-sm">
|
||||
<div class="flex items-center gap-2 min-w-0">
|
||||
<label class="font-bold text-gray-700 whitespace-nowrap shrink-0">시작월</label>
|
||||
@@ -65,20 +65,20 @@ for ($year = $baseYear - 2; $year <= $baseYear + 2; $year++) {
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="border border-gray-300 mt-2 bg-white">
|
||||
<section class="border border-gray-300 rounded-lg mt-2 bg-white">
|
||||
<div class="border-b border-gray-300 bg-gray-50 px-2 py-1 text-sm font-bold text-gray-700">발주목록</div>
|
||||
<div class="overflow-auto">
|
||||
<table class="w-full data-table text-sm">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="w-20">작업</th>
|
||||
<th class="w-24">발주일</th>
|
||||
<th class="w-28">LOT-No</th>
|
||||
<th>제작업체</th>
|
||||
<th class="w-24">품목수</th>
|
||||
<th class="w-24">박스합계</th>
|
||||
<th class="w-28">낱장합계</th>
|
||||
<th class="w-20">상태</th>
|
||||
<th class="w-20 text-center">작업</th>
|
||||
<th class="w-24 text-center">발주일</th>
|
||||
<th class="w-28 text-center">LOT-No</th>
|
||||
<th class="text-left">제작업체</th>
|
||||
<th class="w-24 text-right">품목수</th>
|
||||
<th class="w-24 text-right">박스합계</th>
|
||||
<th class="w-28 text-right">낱장합계</th>
|
||||
<th class="w-20 text-center">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
Reference in New Issue
Block a user