ui(cupang): 신규/수정 폼 저장·취소 버튼 하단 sticky 고정

라인 수가 늘어도 저장/취소 위치가 밀리지 않도록 position:sticky bottom Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-05-30 05:11:05 +09:00
parent d9ea7550b0
commit b75fda5901
2 changed files with 9 additions and 1 deletions
@@ -80,6 +80,14 @@
@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);
+  border-top: 1px solid var(--color-subtle-ash);
+}
 .cpg-card-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 12px; flex-wrap: wrap; }
 .cpg-card-head h2 { font-size: 16px; font-weight: 600; margin: 0; }