AgentGPT icon indicating copy to clipboard operation
AgentGPT copied to clipboard
verified publisher icon reworkd

💅 Fix overflow in some screens

Open asim-shrestha opened this issue 2 years ago • 5 comments

The styling may cause text or buttons to appear off screen with some resolutions. We should also improve the design to take up as much space as possible in smaller screens. We should also reduce padding in buttons / input fields in smaller screens. If you work on this, please include an image of the result.

asim-shrestha avatar Apr 11 '23 18:04 asim-shrestha

Would you please mention few to restyle?

yuvrxj-afk avatar Apr 11 '23 21:04 yuvrxj-afk

Some parts are scuffed on my 13 inch Macbook Pro:

AgentGPT header is outside the top of the screen

Screenshot 2023-04-12 at 13 58 14

The bottom buttons are overflowing

Screenshot 2023-04-12 at 13 58 21

Recommendation

You should make the font-sizes smaller, everything feels very zoomed in. Look at the image below, i've zoomed to 67%, and it looks great!

Screenshot 2023-04-12 at 14 01 51

MathiasWP avatar Apr 12 '23 11:04 MathiasWP

Assigned, thanks

asim-shrestha avatar Apr 13 '23 02:04 asim-shrestha

If anyone is not working on this issue, can you assign me this issue?

ranjanmangla1 avatar Apr 13 '23 03:04 ranjanmangla1

@asim-shrestha i raised a PR , you should review it once.

yuvrxj-afk avatar Apr 13 '23 05:04 yuvrxj-afk