mirror of
https://github.com/we-promise/sure.git
synced 2026-06-04 18:29:02 +00:00
ca8cbaa201
* fix(dashboard): make Outflows widget responsive to its container, not the viewport The Outflows widget switched to its two-column (donut + category list) layout on the `lg:` viewport breakpoint, but the card's real width is set by the account sidebar and AI panel — and the two-column dashboard setting. With those open the viewport stays >= lg while the card is only ~500px, so the desktop layout was forced into a narrow card: the donut clipped and the category list overflowed with names truncated to icons. Switch the widget to container queries (`@container` + `@2xl:`) so it responds to its own width: side-by-side when the card is wide, stacked (the existing mobile layout) when narrow — regardless of sidebars, viewport, or the dashboard column setting. Mobile/PWA is unchanged (already stacked) and it degrades to always-stacked on browsers without container-query support. Closes #2058 * fix(dashboard): keep w-16 base on Outflows categories header label Restore the w-16 base width on the categories-header label column so all eight responsive classes are uniform lg:->@2xl: swaps. The label now matches its value/weight siblings and the narrow-width layout is identical to main's current mobile rendering (zero regression). Addresses review feedback on the asymmetric width drop.