PlayPickUp / pickup-ui

A collection of React Components that make up the PickUp world. 🌎⚡
https://ui.playpickup.com
3 stars 1 forks source link

feature(nestedinput): make button below input on less than 320px,eng-222 #325

Closed wliederer closed 2 years ago

wliederer commented 2 years ago

adjusted button

above 320 px width image

below 320px image

linear[bot] commented 2 years ago
ENG-222 Break NestedInput in smaller breakpoints

As the container shrinks, the NestedInput component becomes more difficult to use. Below 320px, the nested input should "break" into its individual components — the input by itself, then the button centered on the next line. Make sure this occurs for all variations of the component, and write appropriate tests to accompany this function.