From add7904297f055b5c1c540d0fa732d21a4947e96 Mon Sep 17 00:00:00 2001 From: seunngh Date: Wed, 5 Aug 2026 21:39:12 +0900 Subject: [PATCH 1/4] =?UTF-8?q?style:=20=EB=8F=84=ED=8C=8C=EB=AF=BC=20?= =?UTF-8?q?=EC=95=8C=EB=B0=94=20=ED=99=94=EB=A9=B4=20=EB=94=94=EC=9E=90?= =?UTF-8?q?=EC=9D=B8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ledger/static/ledger/{ => css}/record.css | 34 +++++++++---------- ledger/templates/ledger/earn_record_form.html | 34 ++++++++++--------- 2 files changed, 35 insertions(+), 33 deletions(-) rename ledger/static/ledger/{ => css}/record.css (95%) diff --git a/ledger/static/ledger/record.css b/ledger/static/ledger/css/record.css similarity index 95% rename from ledger/static/ledger/record.css rename to ledger/static/ledger/css/record.css index 1bcc8a5..f0665fc 100644 --- a/ledger/static/ledger/record.css +++ b/ledger/static/ledger/css/record.css @@ -208,11 +208,11 @@ body.ledger-page { .timer-circle-wrap { display: flex; justify-content: center; - margin-bottom: 28px; + margin-bottom: 20px; } .timer-circle { - width: 200px; + width: 170px; height: 200px; border-radius: 50%; border: 2px solid var(--border); @@ -302,15 +302,6 @@ body.ledger-page { } .manual-time-field input:focus { outline: none; } -.earn-preview { - background: var(--earn-bg); - color: var(--earn-accent-dark); - border-radius: var(--radius-sm); - padding: 10px 12px; - font-size: var(--fs-sm); - font-weight: 600; - margin-bottom: 20px; -} /* 적립 결과 카드 (수입 종료 후 적립 화면) */ .result-summary { @@ -351,26 +342,35 @@ body.ledger-page { display: block; } -.toggle-pair { +.field-block--readonly { + background: var(--bg); /* 카드 배경과 살짝 다르게 -> "조작 불가 영역"이라는 시각적 힌트 */ +} + +.readonly-badge-row { display: flex; gap: 8px; } -.toggle-pill { +.readonly-badge { flex: 1; text-align: center; padding: 8px 0; border-radius: 999px; font-size: var(--fs-sm); - font-weight: 700; - border: 1px solid var(--border); - color: var(--text-sub); + font-weight: 600; + border: 1px solid var(--text-faint); + color: var(--text-faint); + background: transparent; + /* 버튼처럼 안 보이게: 그림자·hover·cursor 전부 제거 */ + cursor: default; + user-select: none; } -.toggle-pill.is-selected { +.readonly-badge.is-selected { background: var(--earn-accent); border-color: var(--earn-accent); color: #fff; + font-weight: 700; } .field-note { diff --git a/ledger/templates/ledger/earn_record_form.html b/ledger/templates/ledger/earn_record_form.html index 2a095f8..9aae15a 100644 --- a/ledger/templates/ledger/earn_record_form.html +++ b/ledger/templates/ledger/earn_record_form.html @@ -7,6 +7,11 @@ 주의: activity