Better UI auto scaling in different screen resolution

[Nebulosa-Cat]

For comparison this is the preview in README:

this is how the UI look in 4k 28inch monitor: 100% 110% 120%

I think the UI needs to add custom sizing options, especially as modern devices have many resolutions

For example, common screen on rack 1280x960 (4:3), normal 1920x1080 (16:9), 2k, 4k, 5k (like mac studio or some LG screen for mac user), evem some 13inch laptop or 11inch iPad... etc

May need a better design of auto-scaling default font sizes to fit more devices in browser.

[garethgeorge]

Thanks for sharing the screenshots!

Brainstorming a few options to improve scaling across a few form factors

• Looking at backrest on mobile, I already have some support for a custom layout here that hides the far right panel in favor of a popup when you click on a backup row BUT the sidebar and text is quite small. I'll see if I can expand this a bit.
• On desktop, I think the main problem seems to be that the layout isn't resizeable. I'll aim to make the content area draggable to resize the backup pane / tree view panes.

Is font size an issue? How do you envisage scaling being configured?

[Nebulosa-Cat]

Thanks for sharing the screenshots!

Brainstorming a few options to improve scaling across a few form factors

• Looking at backrest on mobile, I already have some support for a custom layout here that hides the far right panel in favor of a popup when you click on a backup row BUT the sidebar and text is quite small. I'll see if I can expand this a bit.
• On desktop, I think the main problem seems to be that the layout isn't resizeable. I'll aim to make the content area draggable to resize the backup pane / tree view panes.

Is font size an issue? How do you envisage scaling being configured?

In Desktop, for example, my screen is a 28inch 4k screen, the distance to me is 60cm, the text letter wide is slightly larger than 1mm when use 100% scale, when change to 120% it will much clearer (~2mm)

in my 11inch iPad Pro, it looks like this: The main problem is letter size too. But in fact, the problem is smaller than on the desktop because the screen is much closer to the eyes when using a tablet.

in my 12 mini (It’s a unusual device use case. I don’t think anyone would want to use such a small phone for service management. It’s for comparison only.): If need use on phone, it maybe need single column layout i think, the "Plans", "Repo" an "Setting" maybe need fold. and the detail box maybe need fill almost screen to get clear view

[Snake883]

I have to squint to see the small text (or zoom), especially the text at the far right:

[Vyerni]

I personally would definitely love the ability to increase the font size.

[pretubedongit]

I think the webui is not responsive/adaptive to mobile browsers. It looks like this on my 6.67 inch Android screen.

It's such a good project. I don't agree that using a phone for repo admin is rare. The whole idea of adding a web GUI to restic is to avoid using SSH and type long commands while I am on the go. With a GUI we can quickly check the repo without a physical keyboard. I just hope it is mobile friendly.

[ascott18]

Some of the font sizes are unreasonably small. The grey text here is 8.4px. I would consider 12px to be the absolute minimum that anything should ever be in a web UI