wixon/jongryangje
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 표/패널 UI 전면 통일 + 화면설명 드로어·글씨크기·탭 개선

Browse Source 
표 디자인
- 모든 표를 가벼운 스타일로 통일(.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:
taekyoungc
2026-06-11 17:26:36 +09:00
parent 912ffdbe23
commit a8afaf4af2
108 changed files with 1198 additions and 965 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/Views/bag/number_lookup.php
View File

@@ -181,25 +181,25 @@ $hasResult = $result !== null && ($result['ok'] ?? false);
<table class="w-full border border-gray-300 border-collapse">
<thead>
<tr class="bg-gray-100">
<th class="border border-gray-300 px-2 py-1 text-left">단위</th>
<th class="border border-gray-300 px-2 py-1 text-left">입력 예시</th>
<th class="border border-gray-300 px-2 py-1 text-left">설명</th>
<th class="border border-gray-300 rounded-lg px-2 py-1 text-left">단위</th>
<th class="border border-gray-300 rounded-lg px-2 py-1 text-left">입력 예시</th>
<th class="border border-gray-300 rounded-lg px-2 py-1 text-left">설명</th>
</tr>
</thead>
<tbody>
<tr>
<td class="border border-gray-300 px-2 py-1 align-top">LOT</td>
<td class="border border-gray-300 px-2 py-1 align-top"><code>OQXCKH</code></td>
<td class="border border-gray-300 px-2 py-1 align-top">
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">LOT</td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top"><code>OQXCKH</code></td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">
발주 LOT 번호만 입력합니다.<br>
바코드: <code>OQXCKH - - -</code><br>
인쇄숫자/인식번호는 LOT 기준으로만 표시됩니다.
</td>
</tr>
<tr>
<td class="border border-gray-300 px-2 py-1 align-top">박스</td>
<td class="border border-gray-300 px-2 py-1 align-top"><code>OQXCKH-000008-B001</code></td>
<td class="border border-gray-300 px-2 py-1 align-top">
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">박스</td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top"><code>OQXCKH-000008-B001</code></td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">
박스 바코드(LOT-입고번호-B박스번호)를 그대로 입력합니다.<br>
바코드: <code>LOT 입고번호 B박스 -</code><br>
인쇄숫자: <code>입고번호 박스번호 -</code><br>
@@ -207,9 +207,9 @@ $hasResult = $result !== null && ($result['ok'] ?? false);
</td>
</tr>
<tr>
<td class="border border-gray-300 px-2 py-1 align-top">팩</td>
<td class="border border-gray-300 px-2 py-1 align-top"><code>OQXCKH-000008-P299</code></td>
<td class="border border-gray-300 px-2 py-1 align-top">
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">팩</td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top"><code>OQXCKH-000008-P299</code></td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">
팩 바코드(LOT-입고번호-P팩번호)를 그대로 입력합니다.<br>
바코드: <code>LOT 입고번호 P팩 -</code><br>
인쇄숫자: <code>입고번호 팩번호 -</code><br>
@@ -217,9 +217,9 @@ $hasResult = $result !== null && ($result['ok'] ?? false);
</td>
</tr>
<tr>
<td class="border border-gray-300 px-2 py-1 align-top">낱장</td>
<td class="border border-gray-300 px-2 py-1 align-top"><code>OQXCKH-000008-P299-S00125</code></td>
<td class="border border-gray-300 px-2 py-1 align-top">
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">낱장</td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top"><code>OQXCKH-000008-P299-S00125</code></td>
<td class="border border-gray-300 rounded-lg px-2 py-1 align-top">
낱장 바코드(LOT-입고번호-P팩-S장번호)를 그대로 입력합니다.<br>
바코드: <code>LOT 입고번호 P팩 S장번호</code><br>
인쇄숫자: <code>입고번호 팩번호 장번호</code><br>