ebbf737dac
design/ holds the tokens for all six themes, the type scale, spacing, radii and sizes, the brand and usage guidelines, a guide and static preview for each component, the logo and icons as SVG, and wireframes of the tablet and foldable column layout. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01RhmDdrN5hgWrgRcFLAMsV6
917 B
917 B
TopAppBar
The Material 3 small top app bar every screen uses: back arrow, a one-line title, then a row of icon actions.
- Consumer provides: the title (a poem title, a category, or the app name گنجور), an optional up action, and the actions for that screen.
- Title in
title-large, ellipsized to one line. The navigation icon ison-surface; action icons areon-surface-variant, 24px in a 48pxtouchtarget. - A toggled action (a saved bookmark heart) turns
primary, so the state is visible without reading the label. - Action order on the poem screen: Home, Share, Bookmark, Reading settings. On the poets screen: view toggle, language, bookmarks, downloads, reading settings. Reading settings is always last, so it is always in the same place.
- The arrow is auto-mirrored: in the RTL layout it points right.
- Don't add a menu overflow; every action has its own icon and content description.