Switched settings page to two-pane layout

This commit is contained in:
R. Aidan Campbell 2018-07-20 15:47:50 -07:00
parent 86874a2e1c
commit b41e8c07d2

View File

@ -16,14 +16,13 @@ ScrollView {
} }
Column { Column {
x: 10 padding: 10
y: 10 id: settingsColumn1
width: settingsPage.width width: settingsPage.width / 2 - padding
height: 400
GroupBox { GroupBox {
id: basicSettingsGroupBox id: basicSettingsGroupBox
width: (parent.width - 20) width: (parent.width - 2 * parent.padding)
padding: 12 padding: 12
title: "<font color=\"skyblue\">Basic Settings</font>" title: "<font color=\"skyblue\">Basic Settings</font>"
font.pointSize: 12 font.pointSize: 12
@ -177,7 +176,7 @@ ScrollView {
GroupBox { GroupBox {
id: audioSettingsGroupBox id: audioSettingsGroupBox
width: (parent.width - 20) width: (parent.width - 2 * parent.padding)
padding: 12 padding: 12
title: "<font color=\"skyblue\">Audio Settings</font>" title: "<font color=\"skyblue\">Audio Settings</font>"
font.pointSize: 12 font.pointSize: 12
@ -235,10 +234,17 @@ ScrollView {
} }
} }
}
Column {
padding: 10
anchors.left: settingsColumn1.right
id: settingsColumn2
width: settingsPage.width / 2 - padding
GroupBox { GroupBox {
id: gamepadSettingsGroupBox id: gamepadSettingsGroupBox
width: (parent.width - 20) width: (parent.width - parent.padding)
padding: 12 padding: 12
title: "<font color=\"skyblue\">Gamepad Settings</font>" title: "<font color=\"skyblue\">Gamepad Settings</font>"
font.pointSize: 12 font.pointSize: 12
@ -261,7 +267,7 @@ ScrollView {
GroupBox { GroupBox {
id: hostSettingsGroupBox id: hostSettingsGroupBox
width: (parent.width - 20) width: (parent.width - parent.padding)
padding: 12 padding: 12
title: "<font color=\"skyblue\">Host Settings</font>" title: "<font color=\"skyblue\">Host Settings</font>"
font.pointSize: 12 font.pointSize: 12
@ -294,7 +300,7 @@ ScrollView {
GroupBox { GroupBox {
id: advancedSettingsGroupBox id: advancedSettingsGroupBox
width: (parent.width - 20) width: (parent.width - parent.padding)
padding: 12 padding: 12
title: "<font color=\"skyblue\">Advanced Settings</font>" title: "<font color=\"skyblue\">Advanced Settings</font>"
font.pointSize: 12 font.pointSize: 12