Settings: re-organization

Widgets/NComboBox.qml

@@ -8,8 +8,8 @@ import qs.Widgets
 RowLayout {
   id: root
 
-  property real minimumWidth: 280
-  property real popupHeight: 180
+  property real minimumWidth: 280 * Style.uiScaleRatio
+  property real popupHeight: 180 * Style.uiScaleRatio
 
   property string label: ""
   property string description: ""
@@ -17,7 +17,7 @@ RowLayout {
   property string currentKey: ""
   property string placeholder: ""
 
-  readonly property real preferredHeight: Style.baseWidgetSize * 1.1
+  readonly property real preferredHeight: Style.baseWidgetSize * 1.1 * Style.uiScaleRatio
 
   signal selected(string key)
 

Widgets/NSlider.qml

@@ -11,9 +11,9 @@ Slider {
   property bool snapAlways: true
   property real heightRatio: 0.7
 
-  readonly property real knobDiameter: Math.round((Style.baseWidgetSize * heightRatio) / 2) * 2
-  readonly property real trackHeight: Math.round((knobDiameter * 0.4) / 2) * 2
-  readonly property real cutoutExtra: Math.round((Style.baseWidgetSize * 0.1) / 2) * 2
+  readonly property real knobDiameter: Math.round((Style.baseWidgetSize * heightRatio * Style.uiScaleRatio) / 2) * 2
+  readonly property real trackHeight: Math.round((knobDiameter * 0.4 * Style.uiScaleRatio) / 2) * 2
+  readonly property real cutoutExtra: Math.round((Style.baseWidgetSize * 0.1 * Style.uiScaleRatio) / 2) * 2
 
   padding: cutoutExtra / 2
 

Widgets/NTextInput.qml

@@ -40,8 +40,8 @@ ColumnLayout {
     id: frameControl
 
     Layout.fillWidth: true
-    Layout.minimumWidth: 80
-    implicitHeight: Style.baseWidgetSize * 1.1
+    Layout.minimumWidth: 80 * Style.uiScaleRatio
+    implicitHeight: Style.baseWidgetSize * 1.1 * Style.uiScaleRatio
 
     // This is important - makes the control accept focus
     focusPolicy: Qt.StrongFocus
@@ -131,7 +131,7 @@ ColumnLayout {
           background: null
 
           font.family: root.fontFamily
-          font.pointSize: root.fontSize
+          font.pointSize: root.fontSize * Style.uiScaleRatio
           font.weight: root.fontWeight
 
           onEditingFinished: root.editingFinished()

Widgets/NToggle.qml

@@ -11,7 +11,7 @@ RowLayout {
   property string description: ""
   property bool checked: false
   property bool hovering: false
-  property int baseSize: Math.round(Style.baseWidgetSize * 0.8)
+  property int baseSize: Math.round(Style.baseWidgetSize * 0.8 * Style.uiScaleRatio)
 
   signal toggled(bool checked)
   signal entered