feat(project): 홈 카드 헤더 색상 채우기, 좌측 사이드바 헤더 대비 강화

- 프로젝트 카드: 이름 옆 작은 점 대신 카드 헤더 윗부분 전체를 프로젝트
  색으로 채우고 글자 흰색(보드 세션 헤더와 같은 원칙). 액션 아이콘(업무추가/
  수정)도 흰색으로, "완료" 칩은 반투명 흰 배경으로 대비 확보.
- 프로젝트 수정 후 DOM patch 로직도 새 구조(이름이 헤더 안, 설명은 본문
  맨 앞)에 맞게 수정.
- 좌측 "프로젝트"/"프로젝트 멤버"/"전체 멤버" 헤더 — 굵기만으론 12px
  회색이라 여전히 흐려 보여서, 글자 색을 진한 잉크색으로 올려 대비 확보.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-09-17 13:59:30 +09:00
parent 7ce8d1d9cf
commit da635f22ce
5 changed files with 31 additions and 17 deletions
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917q" />
<link rel="stylesheet" href="/static/project.css?v=20260917r" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917q" />
<link rel="stylesheet" href="/static/project.css?v=20260917r" />
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
{% endblock %}
@@ -22,11 +22,12 @@
data-status="{{ p.status or 'active' }}"
data-creator="{{ p.created_by or '' }}">
<a class="pj-project-cardlink" href="/project/p/{{ p.id }}">
<span class="pj-project-dot"></span>
<div class="pj-project-body">
<div class="pj-project-name">{{ p.name }}
<div class="pj-project-header">
<span class="pj-project-name">{{ p.name }}
{% if p.status == 'completed' %}<span class="pj-chip pj-chip-sm">완료</span>{% endif %}
</div>
</span>
</div>
<div class="pj-project-body">
{% if p.description %}<div class="pj-project-desc">{{ p.description }}</div>{% endif %}
{% if p.members %}
<div class="pj-project-members">
@@ -1,7 +1,7 @@
{% extends "erp_base.html" %}
{% block head_extra %}
<link rel="stylesheet" href="/static/project.css?v=20260917q" />
<link rel="stylesheet" href="/static/project.css?v=20260917r" />
<!-- 구글 머티리얼 심볼(담당자 아이콘 등) — self-host -->
<link rel="stylesheet" href="/static/vendor/material-symbols/material-symbols.css" />
<!-- 타임라인 vis-timeline — self-host -->