tibudiyanto / jakarta-vax-availability

jakarta-vax-availability.vercel.app
100 stars 46 forks source link

UI overflow in the header card #66

Closed resir014 closed 3 years ago

resir014 commented 3 years ago

Description

The VaxLocation card's header is currently overflowing and pushing the distance and quota badge out of view.

image

Expected Behaviour

The VaxLocation card's header should properly truncate.

Additional Information

Let's go back to the Tailwind Play URL from the mockup and take a look at which styles we're missing.

utopictown commented 3 years ago

will adding overflow: auto suffice?

image

pveyes commented 3 years ago

@utopictown, no because the right side is also used display distance. I'm currently working on a fix