From d4e823f1fa8ae75fddba6a68f4b2a864e2df505c Mon Sep 17 00:00:00 2001
From: king <heoseungpil@gmail.com>
Date: Sat, 30 May 2026 05:13:41 +0900
Subject: [PATCH] =?UTF-8?q?ui(cupang):=20=EC=A0=80=EC=9E=A5=C2=B7=EC=B7=A8?=
 =?UTF-8?q?=EC=86=8C=20=EB=B2=84=ED=8A=BC=EC=9D=84=20=EA=B3=B5=ED=86=B5=20?=
 =?UTF-8?q?=ED=97=A4=EB=8D=94=20=EC=B9=B4=EB=93=9C=20=ED=95=98=EB=8B=A8?=
 =?UTF-8?q?=EC=97=90=20=EA=B3=A0=EC=A0=95=20=EB=B0=B0=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

품목 라인 수가 늘어도 좌측 헤더 카드 하단에 고정(우측 컬럼 높이와 무관)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/modules/cupang/templates/cupang/form.html | 18 +++++++++---------
 app/static/cupang.css                         |  6 ++----
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/app/modules/cupang/templates/cupang/form.html b/app/modules/cupang/templates/cupang/form.html
index f087929..0353798 100644
--- a/app/modules/cupang/templates/cupang/form.html
+++ b/app/modules/cupang/templates/cupang/form.html
@@ -55,6 +55,15 @@
                value="{{ shipment.outbound_summary if shipment else '' }}" /></label>
       <label class="erp-field cpg-full"><span>메모</span>
         <textarea class="erp-input" name="memo" rows="2">{{ shipment.memo if shipment else '' }}</textarea></label>
+
+      <div class="erp-page-actions cpg-form-actions">
+        <button type="submit" class="erp-btn erp-btn-primary">저장</button>
+        {% if mode == 'edit' %}
+        <a class="erp-btn erp-btn-outline" href="/cupang/{{ shipment.id }}">취소</a>
+        {% else %}
+        <a class="erp-btn erp-btn-outline" href="/cupang/">취소</a>
+        {% endif %}
+      </div>
     </div>
 
     <!-- ── 품목 라인 (오른쪽) ── -->
@@ -82,15 +91,6 @@
     </div>
 
     </div><!-- /cpg-form-2col -->
-
-    <div class="erp-page-actions cpg-form-actions">
-      <button type="submit" class="erp-btn erp-btn-primary">저장</button>
-      {% if mode == 'edit' %}
-      <a class="erp-btn erp-btn-outline" href="/cupang/{{ shipment.id }}">취소</a>
-      {% else %}
-      <a class="erp-btn erp-btn-outline" href="/cupang/">취소</a>
-      {% endif %}
-    </div>
   </form>
 
   <!-- 검색 결과 드롭다운 (JS 가 위치 이동) -->
diff --git a/app/static/cupang.css b/app/static/cupang.css
index da6404e..1d654bf 100644
--- a/app/static/cupang.css
+++ b/app/static/cupang.css
@@ -80,12 +80,10 @@
 @media (max-width: 900px) {
   .cpg-form-head, .cpg-form-lines { flex-basis: 100%; }
 }
-/* 저장/취소 — 라인 수와 무관하게 하단 고정(스크롤해도 보임) */
+/* 저장/취소 — 공통 헤더 카드 하단에 위치(우측 라인 수와 무관) */
 .cpg-form-actions {
-  position: sticky; bottom: 0; z-index: 5;
   margin-top: 16px;
-  padding: 12px 4px;
-  background: var(--color-canvas-white);
+  padding-top: 12px;
   border-top: 1px solid var(--color-subtle-ash);
 }
 .cpg-card-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }