ui(cupang): 달력 상단 설정 버튼을 달력 컬럼 오른쪽 끝에 정렬 (Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>)

This commit is contained in:
2026-05-30 06:41:11 +09:00
parent 57f0c3426f
commit 5c7730d4a1
8 changed files with 33 additions and 17 deletions
+13
View File
@@ -6,6 +6,19 @@
.cpg-push-right { margin-left: auto; }
/* 달력 상단 설정 버튼 그룹 — 우측 정렬 */
.cpg-settings-btns { margin-left: auto; display: inline-flex; gap: 8px; flex-wrap: wrap; }
/* 액션바를 달력 레이아웃(좌:달력 1fr / 우:리스트 320)과 같은 그리드로
→ 설정 버튼이 달력 컬럼 오른쪽 끝에 정렬 */
.cpg-actions-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 16px;
margin-bottom: 16px;
}
.cpg-actions-main { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (max-width: 980px) {
.cpg-actions-grid { grid-template-columns: 1fr; }
.cpg-actions-spacer { display: none; }
}
/* ── 레이아웃: 왼쪽 큰 달력 + 오른쪽 리스트 ── */
.cpg-layout {