[UI] [UX] Allow app to take width of browser

[sheecegardezi]

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

I want to see the complete strings for Path and URL under the Response section. Even if I increase the size of the browser the app keeps a fixed width.

Describe the solution you'd like

In file default.vue
.......
header,
#main,
footer {
margin: 0 auto;
max-width: 1200px;
}
.....
I want an option to unset max-width property.

Alternative solutions or features you've considered.
Commented out this property

[liyasthomas]

Yeah! That's okay to consider. Anyway I'm redesigning the whole UI with a 3 column design.

[History, Collections] on left
[Request, Auth, Headers, Params] on middle
Sticky [Response] on right

[sheecegardezi]

Can I be assigned to implement this feature?

[liyasthomas]

I will ping you @sheecegardezi after deploying the initial UI update today itself. Only proceed after that.

[liyasthomas]

@sheecegardezi Initial update is deployed to production 🔥

Now we can work on it! For more communications, join our public Telegram group: https://t.me/postwoman_app or Discord Server: https://discord.gg/GAMWxmR

[AtomicMaya]

UI is scrunched and overlaps on mobile devices (Android).

Steps to reproduce :

• Get a phone
• Load up postwoman.web.app on a browser
• Scroll

[liyasthomas]

Will look into it ASAP

[liyasthomas]

@AtomicNicos do a hard refresh and check whether the issue persist.

[liyasthomas]

@sheecegardezi any suggestions for the UI?

[NBTX]

@liyasthomas for the nav bar - perhaps some more padding at the top and a massive z-index so the other elements don't go on to of it.

Otherwise, it's just a case of looking through on mobile and seeing which components need refining I guess.