enhancement: search Input width in navbar docs

[erikdemarco]

Is your feature request related to a problem? Please describe.

I like nextui, but it seems the developer just use this as a fun project and not serious about it.

For example when you see: https://nextui.org/docs/components/navbar#with-search-input

Then if you try modify the width, the search input looks so ugly when viewed in mobile width. It gives an impression that this example put there just to quickly finish the docs, dont care how it looks on mobile.

Describe the solution you'd like

please rewrite the "With Search Input" part in navbar docs

Describe alternatives you've considered

please rewrite the "With Search Input" part in navbar docs

Screenshots or Videos

[linear[bot]]

ENG-1367 [Feature Request] Rewrite Search Input in navbar docs...

[successbyte]

Hi community, I am interested in this issue would you please assign it to me.

[wingkwong]

@successbyte assigned

[wingkwong]

@successbyte any update?

[successbyte]

Hi @wingkwong I am working on it please give me more time had a problem on running docs thanks

[successbyte]

Hi @wingkwong as the bellow picture all docs run good but the components are not working could you please guide me and I tried all contributing.md guidelines

[wingkwong]

looks fine on my side

[successbyte]

great I'm not gonna give up 😄 give me a little time trying on another laptop to se if it work

[alexnguyennz]

Might be related to line endings. I had the same issue, had to save the main mdx file e.g. navbar.mdx with LF instead of CLRF.

[successbyte]

Hey @alexnguyennz you saved my life It worked thanks man. now I'm solving the issue

[successbyte]

Hi @wingkwong finally I succeeded at running the project

• lost 750GB data :smile: and partitioned the drives
• I tried on 4 windows machines it did not work for me
• installed Ubuntu and it worked

anyway, do you want me to set min width to the input in small sizes?

and one thing thanks to gave me the chance (time)

[successbyte]

The changes I made to input I think it's good please confirm to make PR

For large screens:

For small screens: