Correct UI

This commit is contained in:
vladest 2017-09-06 14:52:08 +02:00
parent 57643bd904
commit e17f05a337

View file

@ -85,7 +85,7 @@ Rectangle {
} }
ColumnLayout { ColumnLayout {
x: margins.paddings; // padding does not work x: margins.paddings;
spacing: 16; spacing: 16;
width: parent.width; width: parent.width;
@ -94,7 +94,7 @@ Rectangle {
AudioControls.CheckBox { AudioControls.CheckBox {
id: muteMic id: muteMic
text: qsTr("Mute microphone"); text: qsTr("Mute microphone");
spacing: 8 spacing: margins.sizeCheckBox - boxSize
isRedCheck: true; isRedCheck: true;
checked: Audio.muted; checked: Audio.muted;
onClicked: { onClicked: {
@ -105,7 +105,7 @@ Rectangle {
} }
RowLayout { RowLayout {
spacing: 16; spacing: muteMic.spacing*2; //make it visually distinguish
AudioControls.CheckBox { AudioControls.CheckBox {
spacing: muteMic.spacing spacing: muteMic.spacing
text: qsTr("Enable noise reduction"); text: qsTr("Enable noise reduction");
@ -167,11 +167,14 @@ Rectangle {
model: Audio.devices.input; model: Audio.devices.input;
delegate: Item { delegate: Item {
width: rightMostInputLevelPos width: rightMostInputLevelPos
height: margins.sizeCheckBox height: margins.sizeCheckBox > checkBoxInput.implicitHeight ?
margins.sizeCheckBox : checkBoxInput.implicitHeight
AudioControls.CheckBox { AudioControls.CheckBox {
id: checkBoxInput
anchors.left: parent.left anchors.left: parent.left
spacing: margins.sizeCheckBox - boxSize spacing: margins.sizeCheckBox - boxSize
anchors.verticalCenter: parent.verticalCenter
width: parent.width - inputLevel.width width: parent.width - inputLevel.width
clip: true clip: true
checked: bar.currentIndex === 0 ? selectedDesktop : selectedHMD; checked: bar.currentIndex === 0 ? selectedDesktop : selectedHMD;
@ -233,9 +236,11 @@ Rectangle {
model: Audio.devices.output; model: Audio.devices.output;
delegate: Item { delegate: Item {
width: rightMostInputLevelPos width: rightMostInputLevelPos
height: margins.sizeCheckBox height: margins.sizeCheckBox > checkBoxOutput.implicitHeight ?
margins.sizeCheckBox : checkBoxOutput.implicitHeight
AudioControls.CheckBox { AudioControls.CheckBox {
id: checkBoxOutput
width: parent.width width: parent.width
spacing: margins.sizeCheckBox - boxSize spacing: margins.sizeCheckBox - boxSize
boxSize: margins.sizeCheckBox / 2 boxSize: margins.sizeCheckBox / 2