fix(ui): 푸터를 한 줄로 정리하고 이모지 제거

브랜드 · 버그 제보 안내 · 기술 스택을 한 줄에 배치하고(footer-left 그룹),
버그 제보 문구 끝의 🐛 이모지를 뺐다.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-02 14:19:18 +09:00
parent da1653a8ea
commit 76c82ed24e
2 changed files with 8 additions and 7 deletions

View File

@@ -67,9 +67,10 @@ html[data-aidev-theme="dark"] .theme-ico-sun { display: inline-flex; }
/* ===================== 푸터 ===================== */
.footer { border-top: 1px solid var(--border-soft); }
.footer-inner { max-width: 1180px; margin: 0 auto; padding: 20px 24px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.footer-brand { display: flex; align-items: center; gap: 8px; color: var(--fg3); font-size: 12px; }
.footer-left { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.footer-brand { display: inline-flex; align-items: center; gap: 8px; color: var(--fg3); font-size: 12px; }
.footer-tech { font-size: 11.5px; color: var(--fg3); font-family: 'SF Mono', ui-monospace, Menlo, monospace; }
/* 버그 제보 안내 — 자체 줄로 내려 작게 표시 */
.footer-bug { flex-basis: 100%; font-size: 11.5px; color: var(--fg3); }
/* 버그 제보 안내 — 브랜드 옆에 한 줄로 이어 표시 */
.footer-bug { font-size: 11.5px; color: var(--fg3); }
.footer-bug a { color: var(--link); text-decoration: none; }
.footer-bug a:hover { text-decoration: underline; }

View File

@@ -179,11 +179,11 @@
<footer class="footer">
<div class="footer-inner">
<div class="footer-brand"><span><%- icon("code", { size: 14 }) %></span><%= brand %> · 사내 개발 포털</div>
<div class="footer-tech">Express + Postgres + Keycloak SSO · deployed on Kubero</div>
<div class="footer-bug">
버그가 있다면 <a href="https://gitea.bokdev.in/playground/ai-dev-portal/issues" target="_blank" rel="noopener">이슈</a> 에 제보바랍니다! 🐛
<div class="footer-left">
<span class="footer-brand"><span><%- icon("code", { size: 14 }) %></span><%= brand %></span>
<span class="footer-bug">· 버그가 있다면 <a href="https://gitea.bokdev.in/playground/ai-dev-portal/issues" target="_blank" rel="noopener">이슈</a>에 제보바랍니다!</span>
</div>
<div class="footer-tech">Express + Postgres + Keycloak SSO · deployed on Kubero</div>
</div>
</footer>