feat: add Holo-work recommendations and responsive member grids

2026-09-18 12:38:59 +09:00
parent ba21e8f1c1
commit d941a12b4e
5 changed files with 154 additions and 21 deletions
@@ -8,12 +8,13 @@

 <span class="progress" class:complete={progress.complete}>
  <strong>{count.toLocaleString('ko-KR')}</strong> / {progress.target?.toLocaleString('ko-KR') ?? '—'}회
-  {#if progress.complete}<small>완료</small>{/if}
+  {#if progress.complete}<small>완료</small>{:else if progress.target !== null}<small class="remaining">{(progress.target - count).toLocaleString('ko-KR')}회 남음</small>{/if}
 </span>

 <style>
-  .progress { white-space: nowrap; color: #a4adba; font-variant-numeric: tabular-nums; font-size: 14px; }
+  .progress { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; color: #a4adba; font-variant-numeric: tabular-nums; font-size: 14px; }
  strong { color: #f3b4d0; font-size: 17px; }
  .complete strong, small { color: #98dbbc; }
  small { margin-left: 6px; font-size: 12px; }
+  .remaining { color: #a4adba; }
 </style>