[Bug] The UIs are very small on 4k resolution

[PeharD]

Describe the bug
The menus, progressbar and skill check are super tiny on 4k moitors. Text in Menus is so small i ahve to get real close to my monitor to read them.

To Reproduce
Steps to reproduce the behavior:

1. Have a 4k monitor
2. Install ox_lib
3. use a menu, progressbar or skillscheck

Expected behavior
It should scale with the resolution of the monitor. So there is no difrence between 1080p, 2k and 4k.

Screenshots

Additional context
None

[LordChunk]

Since ox_lib uses Manite for their components, this could be fixed by increasing the font size for the html tag. Since Manite uses CSS rem units to for their width and height properties.

https://mantine.dev/styles/rem/
https://www.w3schools.com/cssref/css_units.php

[LordChunk]

Did some testing today, but ox_lib seems to hard set most if not all the width properties in pixels (not EM or REM) for their components. So simply changing the font size to for the html tag doesn't work :/

[LukeWasTakenn]

Since ox_lib uses Manite for their components, this could be fixed by increasing the font size for the html tag. Since Manite uses CSS rem units to for their width and height properties.

https://mantine.dev/styles/rem/ https://www.w3schools.com/cssref/css_units.php

Lib uses Mantine v5 so who knows what the situation with rem/em units is like in that version.

Anyways this is a known issue but yes, there is a decent amount of work to be done to make it play nice with 4k, afaik 2k is more or less fine, there were some media queries added for it.

If anyone wants to do the hard work and make a PR for 4k support, they are more than welcome to.