ui(cupang): 저장·취소 버튼을 공통 헤더 카드 하단에 고정 배치

품목 라인 수가 늘어도 좌측 헤더 카드 하단에 고정(우측 컬럼 높이와 무관) Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-05-30 05:13:41 +09:00
parent b75fda5901
commit d4e823f1fa
2 changed files with 11 additions and 13 deletions
@@ -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; }