style: button hierarchy, full-width search, inline status row

- 버튼 위계 정리: 파란 틴트=동작(동기화/배포), ghost=네비/유틸(새로고침·이전·다음)
- 새로고침: ghost + 원형화살표 아이콘 + 컴팩트, 페이저: ghost + ◀/▶ 삼각형
- 검색창 가로 꽉(width 100%) + 얇게
- 헤더(th) 한글 라벨에 모노 폰트 안 먹게 td 로 한정 + 모노 스택에 한글 폴백
- 상태: '상태'+연결배지 한 줄 배치, '상태'='저장소' 글자 크기 통일, 배지 14px

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-17 14:23:05 +09:00
parent abf8654b52
commit 8a6a88d7c4
3 changed files with 73 additions and 15 deletions

View File

@@ -55,15 +55,21 @@
{% if pages > 1 %}
<div class="pager">
<button class="secondary btn-sm" {% if page <= 1 %}disabled{% endif %}
<button class="ghost btn-sm btn-icon" {% if page <= 1 %}disabled{% endif %}
hx-get="/repos/table" hx-target="#repo-table-wrap" hx-swap="outerHTML"
hx-include="#repo-search"
hx-vals='{"sort": "{{ sort }}", "dir": "{{ dir }}", "page": "{{ page - 1 }}"}'>이전</button>
hx-vals='{"sort": "{{ sort }}", "dir": "{{ dir }}", "page": "{{ page - 1 }}"}'>
<svg class="icon" viewBox="0 0 10 10" width="8" height="8" aria-hidden="true"><path d="M7 1 2 5l5 4z" fill="currentColor"/></svg>
이전
</button>
<span class="mono">{{ page }} / {{ pages }}</span>
<button class="secondary btn-sm" {% if page >= pages %}disabled{% endif %}
<button class="ghost btn-sm btn-icon" {% if page >= pages %}disabled{% endif %}
hx-get="/repos/table" hx-target="#repo-table-wrap" hx-swap="outerHTML"
hx-include="#repo-search"
hx-vals='{"sort": "{{ sort }}", "dir": "{{ dir }}", "page": "{{ page + 1 }}"}'>다음</button>
hx-vals='{"sort": "{{ sort }}", "dir": "{{ dir }}", "page": "{{ page + 1 }}"}'>
다음
<svg class="icon" viewBox="0 0 10 10" width="8" height="8" aria-hidden="true"><path d="M3 1l5 4-5 4z" fill="currentColor"/></svg>
</button>
</div>
{% endif %}
</div>