feat: 태그 칩 더 작게(8.5px) + # 글자 제거

_tag_chip_html에서 '#' 접두 제거, .tag-chip 폰트 10→8.5px·패딩 축소.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
hyowons
2026-06-08 16:49:08 +09:00
parent 6a32594268
commit 56bb822da6
+2 -2
View File
@@ -1584,7 +1584,7 @@ def _tag_chip_html(code: str, name: str, interactive: bool = False) -> str:
if not text: if not text:
return '' return ''
cls = 'tag-chip tag-leader' if leader else 'tag-chip' cls = 'tag-chip tag-leader' if leader else 'tag-chip'
chip_text = html.escape('#' + text) chip_text = html.escape(text)
return f'<span class="{cls}">{chip_text}</span>' return f'<span class="{cls}">{chip_text}</span>'
@@ -4116,7 +4116,7 @@ details.row + .section-label { margin-top: 14px; padding-top: 24px; border-top-c
.muted { color: #5a5f6c; font-weight: 400; } .muted { color: #5a5f6c; font-weight: 400; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 10px; font-weight: 500; line-height: 1.6; font-variant-numeric: tabular-nums; white-space: nowrap; flex: none; letter-spacing: 0.02em; } .badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 10px; font-weight: 500; line-height: 1.6; font-variant-numeric: tabular-nums; white-space: nowrap; flex: none; letter-spacing: 0.02em; }
.tag-chip { display: inline-block; padding: 1px 6px; border-radius: 4px; font-size: 10px; font-weight: 500; line-height: 1.5; color: #d6b34a; background: rgba(214,179,74,0.10); border: 1px solid rgba(214,179,74,0.30); white-space: nowrap; flex: none; letter-spacing: 0.01em; font-family: inherit; pointer-events: none; user-select: none; } .tag-chip { display: inline-block; padding: 0 4px; border-radius: 3px; font-size: 8.5px; font-weight: 500; line-height: 1.4; color: #d6b34a; background: rgba(214,179,74,0.10); border: 1px solid rgba(214,179,74,0.30); white-space: nowrap; flex: none; letter-spacing: 0.01em; font-family: inherit; pointer-events: none; user-select: none; }
.tag-chip.tag-leader { color: #ff6b78; background: rgba(255,77,94,0.12); border-color: rgba(255,77,94,0.42); font-weight: 600; } .tag-chip.tag-leader { color: #ff6b78; background: rgba(255,77,94,0.12); border-color: rgba(255,77,94,0.42); font-weight: 600; }
.btn-add-tag { display: inline-block; padding: 1px 6px; border-radius: 4px; font-size: 10px; font-weight: 500; line-height: 1.5; color: #5a5f6c; background: transparent; border: 1px dashed rgba(120,124,135,0.30); white-space: nowrap; flex: none; cursor: pointer; font-family: inherit; } .btn-add-tag { display: inline-block; padding: 1px 6px; border-radius: 4px; font-size: 10px; font-weight: 500; line-height: 1.5; color: #5a5f6c; background: transparent; border: 1px dashed rgba(120,124,135,0.30); white-space: nowrap; flex: none; cursor: pointer; font-family: inherit; }
.btn-add-tag:hover { color: #d6b34a; border-color: rgba(214,179,74,0.45); } .btn-add-tag:hover { color: #d6b34a; border-color: rgba(214,179,74,0.45); }