feat(dispatch): 검색 바를 「+ 새 업로드」오른쪽으로 이동(30px 간격)
별도 줄/카드 제거. _nav 행에 인라인 배치(배치 목록 페이지에서만). 결과 드롭다운은 그대로 절대위치 오버레이. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -6,6 +6,21 @@
|
||||
<a class="erp-btn {% if active_tab=='new' %}erp-btn-primary{% else %}erp-btn-outline{% endif %}" href="/dispatch/batches/new"
|
||||
data-ko="+ 새 업로드" data-en="+ New Upload">+ 새 업로드</a>
|
||||
|
||||
{% if active_tab=='batches' %}
|
||||
{# 받는 사람 찾기: 배치 목록 페이지에서만. 마크업/스타일/스크립트는 batches.html. #}
|
||||
<div class="dsp-search" id="dsp-search">
|
||||
<div class="dsp-search-box">
|
||||
<span class="dsp-q-ico">🔎</span>
|
||||
<input type="text" id="dsp-q" autocomplete="off"
|
||||
data-ko-ph="이름 · 주문번호 · 패키지번호 · 송장번호로 받는 사람 찾기"
|
||||
data-en-ph="Find recipient by name / order / package / tracking no."
|
||||
placeholder="이름 · 주문번호 · 패키지번호 · 송장번호로 받는 사람 찾기" />
|
||||
<button type="button" class="dsp-q-clear" id="dsp-q-clear" aria-label="clear">×</button>
|
||||
</div>
|
||||
<div class="dsp-search-results" id="dsp-search-results"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if batch %}
|
||||
<span style="width:1px;height:24px;background:#e2e8f0;margin:0 4px;"></span>
|
||||
<a class="erp-btn {% if active_tab=='work' %}erp-btn-primary{% else %}erp-btn-outline{% endif %}" href="/dispatch/batches/{{ batch.id }}"
|
||||
|
||||
@@ -20,8 +20,8 @@
|
||||
.dsp-cal-day.has { color:#0f172a;background:#eef2ff;font-weight:700;cursor:pointer;border:1px solid #c7d2fe; }
|
||||
.dsp-cal-day.has:hover { background:#e0e7ff; }
|
||||
.dsp-cal-day.sel { background:#16a34a !important;border-color:#16a34a !important;color:#fff !important; }
|
||||
/* 검색: 한 줄 입력 + 결과는 절대위치 드롭다운(본문 안 밀림) */
|
||||
.dsp-search { position:relative;margin:0 0 12px;max-width:520px; }
|
||||
/* 검색: _nav 행에서 「+ 새 업로드」오른쪽 30px, 결과는 절대위치 드롭다운 */
|
||||
.dsp-search { position:relative;flex:0 1 420px;min-width:240px;margin-left:30px; }
|
||||
.dsp-search-box { position:relative; }
|
||||
.dsp-search-box .dsp-q-ico { position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:14px;color:#94a3b8;pointer-events:none; }
|
||||
.dsp-search-box input { width:100%;padding:9px 30px 9px 32px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;box-sizing:border-box; }
|
||||
@@ -55,18 +55,6 @@
|
||||
<section class="dsp">
|
||||
{% include "dispatch/_nav.html" %}
|
||||
|
||||
<div class="dsp-search" id="dsp-search">
|
||||
<div class="dsp-search-box">
|
||||
<span class="dsp-q-ico">🔎</span>
|
||||
<input type="text" id="dsp-q" autocomplete="off"
|
||||
data-ko-ph="이름 · 주문번호 · 패키지번호 · 송장번호로 받는 사람 찾기"
|
||||
data-en-ph="Find recipient by name / order / package / tracking no."
|
||||
placeholder="이름 · 주문번호 · 패키지번호 · 송장번호로 받는 사람 찾기" />
|
||||
<button type="button" class="dsp-q-clear" id="dsp-q-clear" aria-label="clear">×</button>
|
||||
</div>
|
||||
<div class="dsp-search-results" id="dsp-search-results"></div>
|
||||
</div>
|
||||
|
||||
<div class="dsp-layout">
|
||||
<div class="erp-card dsp-list">
|
||||
<div class="cpg-card-head" style="display:flex;justify-content:space-between;align-items:center;">
|
||||
|
||||
Reference in New Issue
Block a user