Skip to content

feat: improve footer branding UX — larger title, symmetric padding, border separator (#195) - #196

Merged
cheerc merged 1 commit into
mainfrom
feat/195-footer-branding-ux
Jun 30, 2026
Merged

feat: improve footer branding UX — larger title, symmetric padding, border separator (#195)#196
cheerc merged 1 commit into
mainfrom
feat/195-footer-branding-ux

Conversation

@cheerc

@cheerc cheerc commented Jun 30, 2026

Copy link
Copy Markdown
Owner

What

改善 footer "Simple Edge TTS" 品牌標題的可讀性與視覺區隔:字級放大、字重增加、透明度提高、間距對稱化、加上方邊框與 ActionBar 區隔。

How

純 CSS inline style 調整(frontend/src/App.tsx,6 行變更):

  • Footer span: fontSize 11→13, fontWeight 400→500, opacity 0.5→0.7
  • Footer container: 移除固定 height,padding 改對稱 12px 28px,新增 borderTop: 1px solid var(--border)

Scope

follows spec — 僅動 footer 區塊 style 物件,無邏輯/JS/store 變更。

Lessons

none — trivial CSS-only change, zero JS dependency.

Closes #195

…order separator (#195)

- Footer span: fontSize 11→13, fontWeight 400→500, opacity 0.5→0.7
- Footer container: symmetric 12px padding, removed fixed height, added border-top
- Closes t-20260630032124158534-3265-8

Co-authored-by: DeepSeek <noreply@deepseek.com>
@cheerc

cheerc commented Jun 30, 2026

Copy link
Copy Markdown
Owner Author

VERIFIED

Evidence

  • ran: gh pr checks 196 → Lint & Test pass
  • cited: frontend/src/App.tsx:354-362 — updated footer styling (padding, font size, opacity, borderTop)

[Stage 1 - correctness] Trivial CSS/style update to the footer branding. No logic changes.

@cheerc
cheerc merged commit 3cb5d59 into main Jun 30, 2026
1 check passed
@cheerc
cheerc deleted the feat/195-footer-branding-ux branch June 30, 2026 03:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[enhancement] Footer 品牌標題 UX 改善 — 字體、對比、間距重新設計

1 participant