From 5c72e66305667530b7593b7a73cf4ed94799d05d Mon Sep 17 00:00:00 2001 From: king Date: Tue, 15 Sep 2026 21:51:05 +0900 Subject: [PATCH] =?UTF-8?q?fix(project):=20=EB=B3=B4=EB=93=9C=20=EC=84=B8?= =?UTF-8?q?=EC=85=98(=EC=BB=AC=EB=9F=BC)=20=EB=B0=B0=EA=B2=BD=EC=9D=B4=20?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=EC=99=80=20=EA=B5=AC=EB=B6=84=20?= =?UTF-8?q?=EC=95=88=20=EB=90=98=EB=8D=98=20=EB=AC=B8=EC=A0=9C=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit .pj-col 배경(#f6f5fb)이 흰 페이지 배경과 거의 같아 세션 구분이 안 보였다. 회색 톤(#eef0f4)+테두리로 아사나처럼 컬럼 경계를 뚜렷하게 표시. Co-Authored-By: Claude Sonnet 5 --- app/modules/project/templates/project/inbox.html | 2 +- app/modules/project/templates/project/index.html | 2 +- app/modules/project/templates/project/project.html | 2 +- app/static/project.css | 14 ++++++++++---- 4 files changed, 13 insertions(+), 7 deletions(-) diff --git a/app/modules/project/templates/project/inbox.html b/app/modules/project/templates/project/inbox.html index aace27d..e4676fd 100644 --- a/app/modules/project/templates/project/inbox.html +++ b/app/modules/project/templates/project/inbox.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + {% endblock %} diff --git a/app/modules/project/templates/project/index.html b/app/modules/project/templates/project/index.html index b02cf60..c8a1d51 100644 --- a/app/modules/project/templates/project/index.html +++ b/app/modules/project/templates/project/index.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + {% endblock %} diff --git a/app/modules/project/templates/project/project.html b/app/modules/project/templates/project/project.html index 7eb8dad..87dab93 100644 --- a/app/modules/project/templates/project/project.html +++ b/app/modules/project/templates/project/project.html @@ -1,7 +1,7 @@ {% extends "erp_base.html" %} {% block head_extra %} - + diff --git a/app/static/project.css b/app/static/project.css index 318bb66..a2d46cc 100644 --- a/app/static/project.css +++ b/app/static/project.css @@ -184,14 +184,20 @@ /* ── 보드(칸반) ── */ .pj-board { display: flex; gap: 16px; overflow-x: auto; padding-bottom: 8px; align-items: flex-start; } -.pj-col { flex: 0 0 280px; background: #f6f5fb; border-radius: 14px; padding: 12px; } -.pj-col-head { display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13px; padding: 2px 6px 12px; color: var(--pj-ink); } +/* 세션(보드 컬럼) — 배경이 페이지와 거의 같으면 구분이 안 되므로(#f6f5fb ≈ + 흰 배경) 뚜렷한 회색 톤 + 테두리로 아사나처럼 컬럼 경계를 분명히 준다. */ +.pj-col { flex: 0 0 280px; background: #eef0f4; border: 1px solid #e2e4ea; border-radius: 14px; padding: 12px; } +.pj-col-head { + display: flex; align-items: center; gap: 6px; font-weight: 700; font-size: 13px; + padding: 2px 6px 12px; margin-bottom: 4px; color: var(--pj-ink); + border-bottom: 1px solid #e2e4ea; +} .pj-col-count { margin-left: auto; color: var(--pj-ink-soft); font-weight: 700; font-size: 11px; - background: #fff; border-radius: 999px; min-width: 20px; height: 20px; padding: 0 6px; + background: #fff; border: 1px solid #e2e4ea; border-radius: 999px; min-width: 20px; height: 20px; padding: 0 6px; display: inline-flex; align-items: center; justify-content: center; } -.pj-col-body { display: flex; flex-direction: column; gap: 8px; min-height: 40px; border-radius: 8px; } +.pj-col-body { display: flex; flex-direction: column; gap: 8px; min-height: 40px; border-radius: 8px; padding-top: 8px; } .pj-col-body.is-over { background: var(--pj-accent-tint); outline: 2px dashed var(--pj-accent); } .pj-card { background: #fff; border: 1px solid var(--pj-border); border-radius: var(--pj-card-radius);