From 9aa4a65b0714139cfc9c106f71f285a3b2a69398 Mon Sep 17 00:00:00 2001
From: kate <kate@cutefishos.com>
Date: Thu, 17 Feb 2022 13:11:38 +0800
Subject: [PATCH] feat: adjust card items width

---
 qml/ControlCenter.qml | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

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)