[GH-ISSUE #288] Content width #72

New issue

Open

opened 2026-03-02 05:18:32 +03:00 by kerem · 0 comments

kerem commented

2026-03-02 05:18:32 +03:00

Owner

Originally created by @navossoc on GitHub (Jan 24, 2023).
Original GitHub issue: https://github.com/hibiken/asynqmon/issues/288

Hi, I started using this web ui for asynqmon and it works very well, my only issue with it is about the screen size.

To illustrate better:

In a 1920px screen there is a limit of 1280px on the main content (MuiContainer-root MuiContainer-maxWidthLg).

max-width: 1280px

max-width: 80%

max-width: 90%

Also, I'm using a ultrawide monitor, so, it looks like this in 2560px wide screen:

max-width: 1280px

max-width: 80%

max-width: 90%

I suggest to change that limit to at least 80% is a good improvement for the user experience (at least on IMHO).

I did changed the values using the web developer tool just to have an example to show.
I didn't find it on the source, probably it is some kind of compiled CSS spit from somewhere.

What are your thoughts on the topic?

Thanks.

Originally created by @navossoc on GitHub (Jan 24, 2023). Original GitHub issue: https://github.com/hibiken/asynqmon/issues/288 Hi, I started using this web ui for asynqmon and it works very well, my only issue with it is about the screen size. To illustrate better: In a 1920px screen there is a limit of 1280px on the main content (`MuiContainer-root MuiContainer-maxWidthLg`). **max-width: 1280px** ![2023-01-24_15-28-01_chrome](https://user-images.githubusercontent.com/2457338/214378966-12f01ff0-4aed-414d-9203-910f8957bd54.png) **max-width: 80%** ![2023-01-24_15-28-04_chrome](https://user-images.githubusercontent.com/2457338/214379096-cfe12ce2-3991-49f1-b9ec-8f9d19fa5120.png) **max-width: 90%** ![2023-01-24_15-28-07_chrome](https://user-images.githubusercontent.com/2457338/214379104-b7874008-515e-4878-85e5-b0af2c8c7428.png) Also, I'm using a ultrawide monitor, so, it looks like this in 2560px wide screen: **max-width: 1280px** ![2023-01-24_15-28-13_chrome](https://user-images.githubusercontent.com/2457338/214379349-11636b3e-ab3d-408e-b135-1bd09f4549ef.png) **max-width: 80%** ![2023-01-24_15-28-16_chrome](https://user-images.githubusercontent.com/2457338/214379387-9329caf2-2b6a-4e3a-a336-5f909afd3145.png) **max-width: 90%** ![2023-01-24_15-28-20_chrome](https://user-images.githubusercontent.com/2457338/214379409-494b1008-292d-475b-91fa-399357483e5c.png) I suggest to change that limit to at least 80% is a good improvement for the user experience (at least on IMHO). I did changed the values using the web developer tool just to have an example to show. I didn't find it on the source, probably it is some kind of compiled CSS spit from somewhere. What are your thoughts on the topic? Thanks.