UTDallasEPICS / Comet-Cupboard

4 stars 3 forks source link

Add category grids and update frontend API calls for fetching inventory #76

Closed CrazEpic closed 3 weeks ago

CrazEpic commented 3 weeks ago

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.

CrazEpic commented 3 weeks ago

I know spacing is kind of off. Feel free to comment.

image image image image image image image image image image

emoryjgrubbs commented 3 weeks ago

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

CrazEpic commented 3 weeks ago

image