mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
In the Inbox list, the context line under the sender name renders a
#channel chip for channel rows ("Mentioned in #general", "Thread in
#general") but plain text for DM rows ("DM from alice"). The chip's
min-height made chip rows 19px tall while DM rows measured 12px, so
adjacent rows visibly misaligned under the name.
Give the InboxLabel row min-h-(--inline-chip-min-height) — the same
variable the chip resolves — so both variants occupy identical height.
Text stays vertically centered via the existing items-center.
New screenshot spec seeds adjacent DM/mention rows, asserts the two
label heights are equal, and regenerates the documenting shots.
Reported in #buzz-bugs.
Co-authored-by: Thomas Petersen <thomasp@squareup.com>
Signed-off-by: Thomas Petersen <thomasp@squareup.com>
Buzz
Desktop chat shell with:
- Tauri + React + TypeScript + Vite
- Tailwind CSS
- shadcn/ui-ready shared components
- Biome (lint/format/check)
- Feature-driven frontend structure
Scripts
pnpm dev- run the web frontendpnpm tauri dev- run the desktop apppnpm build- typecheck and build frontendpnpm typecheck- TypeScript checkspnpm lint- Biome lintpnpm format- Biome format (write)pnpm check- Biome check
Structure
src/shared- reusable app-wide code (ui,lib,styles)src/features- feature modules (vertical slices)src/app- top-level app composition