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);