Closed CrazEpic closed 3 weeks ago
I know spacing is kind of off. Feel free to comment.
there are some duplicate tailwind directives in the categoryItemsGrid
i would change the background to cupboard-mg, it's what we're using in the figma (and i think it draws less attention, so users focus on the items)
i'd also add a bit more padding at the bottom, so they're not quite so close when collapsed
i'd align the items with the side of the categories by switching the item card padding to just be on the y and making their width 64 instead of 72 (you'd also need to restrict the place-items-center to phones)
also, try out making the whole category bar the button the collapse, it would definitely be nicer to use on desktop, but it might cause issues on mobile
Shopping, inventory, and verify cart pages have category headers now. Also, fixed prop passing and API calls so that the page properly displays shopping card vs inventory card.