Skip to content

Polish table header and sidebar visuals - #33

Merged
fyui001 merged 1 commit into
NewWorldOrg:masterfrom
fyui001:design/visual-polish
Jul 9, 2026
Merged

fyui001 merged 1 commit into
NewWorldOrg:masterfrom
fyui001:design/visual-polish

Conversation

@fyui001

@fyui001 fyui001 commented Jul 9, 2026

Copy link
Copy Markdown
Member

Summary

  • Style the sticky table header with the dedicated table-header tokens (bg-table-header / text-table-header-foreground) so the header stays visually distinct from rows when the table scrolls, in both light and dark mode.
  • Fix the sidebar brand row height to h-12, matching the top bar, so the sidebar and header bottom borders align.
  • Re-tint the note editor (BlockNote) palette from the old blue-tinted hex values to the zinc color system introduced previously.
  • Audited feature components for spacing (gap-*) and button-variant conventions — no violations found, no changes needed.

Verification

  • yarn typecheck / yarn lint / yarn build green.
  • Storybook stories screenshot-verified in both themes (drug list table, medication history table, AppShell, drug detail); computed header styles confirmed to use the token values in light and dark.

Style the sticky table header with the dedicated table-header tokens
so it stays distinct from rows when scrolled, fix the sidebar brand
row to the same height as the top bar so their borders align, and
re-tint the note editor palette to match the zinc color system.
@fyui001 fyui001 self-assigned this Jul 9, 2026
@fyui001
fyui001 merged commit c4f7a94 into NewWorldOrg:master Jul 9, 2026
2 checks passed
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.

1 participant