Make the Search Bar full width when on mobile

srianbury / gatsby-starter-tailwind

Boilerplate project that has pivoted into an application using AWS Amplify

BSD Zero Clause License

1 stars 0 forks source link

Make the Search Bar full width when on mobile #2

Open srianbury opened 2 years ago

srianbury commented 2 years ago

When viewing the app on a less than lg breakpoint screen the header should show the title and a button to open the search bar. When the button is clicked the title will go away and the search bar will fill all the space. Essentially, we want the same functionality that YouTube uses. On mobile, not searching:

On mobile, after clicking on the Search Icon above.

srianbury commented 2 years ago

This would be nice because the search bar is wonky on some small screens i.e. the Galaxy Fold