feat(nui-core): add options to switch between fixed size modes

- for players with larger screens (4160x2160) 1920x1080 might be too big this adds an option to scale to 1920x1080 or 2560x1440
- see #2397 for more discussion

code/components/nui-core/include/NUIWindow.h

@@ -212,4 +212,6 @@ class
 	void HandlePopupShow(bool show);
 
 	bool IsFixedSizeWindow() const;
+
+	int GetFixedSizeMode() const;
 };

code/components/nui-core/src/NUIWindow.cpp

@@ -30,6 +30,7 @@ extern nui::GameInterface* g_nuiGi;
 extern std::wstring GetNUIStoragePath();
 
 static bool nuiFixedSizeEnabled;
+static int nuiFixedSizeMode;
 
 namespace nui
 {
@@ -562,8 +563,17 @@ void NUIWindow::UpdateFrame()
 
 		if (IsFixedSizeWindow())
 		{
-			resX = 1920;
-			resY = 1080;
+			const int fixedSizeMode = GetFixedSizeMode();
+			if (fixedSizeMode == 0)
+			{
+				resX = 1920;
+				resY = 1080;
+			}
+			else if (fixedSizeMode == 1)
+			{
+				resX = 2560;
+				resY = 1440;
+			}
 		}
 
 		if (m_width != resX || m_height != resY)
@@ -959,7 +969,13 @@ bool NUIWindow::IsFixedSizeWindow() const
 	return nuiFixedSizeEnabled && m_name == "root";
 }
 
+int NUIWindow::GetFixedSizeMode() const
+{
+	return nuiFixedSizeMode;
+}
+
 static InitFunction initFunction([]
 {
 	static ConVar<bool> nuiFixedSize("nui_useFixedSize", ConVar_Archive | ConVar_UserPref, false, &nuiFixedSizeEnabled);
+	static ConVar<int> nuiFixedSizeMode("nui_fixedSizeMode", ConVar_Archive | ConVar_UserPref, 0, &nuiFixedSizeMode);
 });

ext/cfx-ui/src/assets/languages/locale-en.json

@@ -128,7 +128,9 @@
     "#Settings_InProcessGpu": "NUI in-process GPU",
     "#Settings_InProcessGpuDesc": "Fix 'UI lag' at high GPU usage, but may cause reliability issues with GPU crashes (requires restart)",
     "#Settings_FixedSizeNUI": "Fixed-size NUI",
-    "#Settings_FixedSizeNUIDesc": "Force in-server UI to 1920x1080 resolution, scaled/letterboxed to fit (for servers with UI assuming 1920x1080)",
+    "#Settings_FixedSizeNUIDesc": "Force in-server UI to one one of the specified resolutions resolutions, scaled/letterboxed to fit (for servers with UI assuming clients will have 1920x1080 or 2560x1440)",
+    "#Settings_FixedSizeNUIMode": "Fixed-size NUI mode (requires Fixed-size NUI)",
+    "#Settings_FixedSizeNUIModeDesc": "",
     "#Settings_NoiseSuppression": "Voice chat noise suppression",
     "#Settings_NoiseSuppressionDesc": "Enable background noise suppression (using RNNoise) for the built-in voice chat",
     "#Settings_ConnectedProfiles": "Linked identities",

ext/cfx-ui/src/cfx/apps/mpMenu/settings.tsx

@@ -1,7 +1,7 @@
 import emojiList from 'emoji.json/emoji-compact.json';
 import { BrandIcon, Icons } from "cfx/ui/Icons";
 import { BsDisplay } from "react-icons/bs";
-import { ISetting, ISettings } from "cfx/common/services/settings/types";
+import { FixedUiScaling, ISetting, ISettings } from "cfx/common/services/settings/types";
 import { useService } from "cfx/base/servicesContainer";
 import { CurrentGameName } from "cfx/base/gameRuntime";
 import { CustomBackdropControl } from "./parts/SettingsFlyout/CustomBackdropControl/CustomBackdropControl";
@@ -221,6 +221,18 @@ const GAME_GAME_SETTINGS = new Map<string, ISetting.AnySetting>([
 
     ...convarAccessorsBoolean('nui_useFixedSize'),
   }],
+  ['fixedSizeNuiMode', {
+    type: 'switch',
+
+    label: $L('#Settings_FixedSizeNUIMode'),
+
+    options: {
+      [FixedUiScaling.ScaleBy_1920x1080]: '1920x1080',
+      [FixedUiScaling.ScaleBy_2560x1440]: '2560x1440',
+    },
+
+    ...convarAccessorsString("nui_fixedSizeMode"),
+  }],
   ['noiseSuppression', {
     type: 'checkbox',
 

ext/cfx-ui/src/cfx/common/services/settings/types.ts

@@ -82,4 +82,9 @@ export type ICategory = {
   settings: Map<string, ISetting.AnySetting>,
 };
 
+export enum FixedUiScaling {
+  ScaleBy_1920x1080,
+  ScaleBy_2560x1440
+}
+
 export type ISettings = Map<string, ICategory>;