diff --git a/qml/ControlCenter.qml b/qml/ControlCenter.qml index 6fce8a9..f8a01bf 100644 --- a/qml/ControlCenter.qml +++ b/qml/ControlCenter.qml @@ -203,6 +203,8 @@ ControlCenterDialog { Layout.fillWidth: true height: 110 + property var cellWidth: cardItems.width / 3 + Rectangle { anchors.fill: parent color: FishUI.Theme.darkMode ? "#AEAEAE" : "white" @@ -212,11 +214,13 @@ ControlCenterDialog { GridLayout { anchors.fill: parent + columnSpacing: 0 + columns: 3 CardItem { id: wirelessItem Layout.fillHeight: true - Layout.preferredWidth: 120 + Layout.preferredWidth: cardItems.cellWidth icon: FishUI.Theme.darkMode || checked ? "qrc:/images/dark/network-wireless-connected-100.svg" : "qrc:/images/light/network-wireless-connected-100.svg" visible: enabledConnections.wirelessHwEnabled @@ -232,9 +236,9 @@ ControlCenterDialog { CardItem { id: bluetoothItem Layout.fillHeight: true - Layout.preferredWidth: 120 + Layout.preferredWidth: cardItems.cellWidth icon: FishUI.Theme.darkMode || checked ? "qrc:/images/dark/bluetooth-symbolic.svg" - : "qrc:/images/light/bluetooth-symbolic.svg" + : "qrc:/images/light/bluetooth-symbolic.svg" checked: !control.bluetoothDisConnected label: qsTr("Bluetooth") visible: Bluez.Manager.adapters.length @@ -248,9 +252,9 @@ ControlCenterDialog { CardItem { id: darkModeItem Layout.fillHeight: true - Layout.preferredWidth: 120 + Layout.preferredWidth: cardItems.cellWidth icon: FishUI.Theme.darkMode || checked ? "qrc:/images/dark/dark-mode.svg" - : "qrc:/images/light/dark-mode.svg" + : "qrc:/images/light/dark-mode.svg" checked: FishUI.Theme.darkMode label: qsTr("Dark Mode") onClicked: appearance.switchDarkMode(!FishUI.Theme.darkMode)