king/dbx-main
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
라인 수가 늘어도 저장/취소 위치가 밀리지 않도록 position:sticky bottom

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
king
2026-05-30 05:11:05 +09:00
parent d9ea7550b0
commit b75fda5901
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/modules/cupang/templates/cupang/form.html
+1 -1
View File
@@ -83,7 +83,7 @@
</div><!-- /cpg-form-2col --> </div><!-- /cpg-form-2col -->
<div class="erp-page-actions"> <div class="erp-page-actions cpg-form-actions">
<button type="submit" class="erp-btn erp-btn-primary">저장</button> <button type="submit" class="erp-btn erp-btn-primary">저장</button>
{% if mode == 'edit' %} {% if mode == 'edit' %}
<a class="erp-btn erp-btn-outline" href="/cupang/{{ shipment.id }}">취소</a> <a class="erp-btn erp-btn-outline" href="/cupang/{{ shipment.id }}">취소</a>
app/static/cupang.css
+8
View File
@@ -80,6 +80,14 @@
@media (max-width: 900px) { @media (max-width: 900px) {
.cpg-form-head, .cpg-form-lines { flex-basis: 100%; } .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 { 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; } .cpg-card-head h2 { font-size: 16px; font-weight: 600; margin: 0; }