mirror of
https://github.com/paperclipai/paperclip.git
synced 2026-10-23 09:07:46 +02:00
The @media (pointer: coarse) rule was inflating every button, input, checkbox, and icon-button to min-height: 44px on mobile Safari. That stretched Radix checkboxes (which render as buttons) from 16px to 44px in filter popovers, padded inbox rows past their design height because the mark-read/archive/collapse buttons inside each row hit the floor, and bloated sidebar section headers because the collapsible trigger and heading menu trigger also hit it. Keep the 44px floor for primary form controls and untyped buttons but opt out widgets that are explicitly small by design or sit inside a dense row that already provides the touch target — checkboxes, toggles, Button size="xs|icon-xs|icon-sm", and any inline data-slot="icon-button" raw <button>. Native checkbox/radio inputs keep their UA size too. Co-Authored-By: Paperclip <noreply@paperclip.ing>
@paperclipai/ui
Published static assets for the Paperclip board UI.
What gets published
The npm package contains the production build under dist/. It does not ship the UI source tree or workspace-only dependencies.
Storybook
Storybook config, stories, and fixtures live under ui/storybook/.
pnpm --filter @paperclipai/ui storybook
pnpm --filter @paperclipai/ui build-storybook
Typical use
Install the package, then serve or copy the built files from node_modules/@paperclipai/ui/dist.