Renamed all tabs qml, so its easier to distinguish them from services

2026-08-15 18:43:59 +00:00 · 2025-08-14 23:57:18 -04:00
parent eac335ab95
commit 39cc72f067
13 changed files with 80 additions and 22 deletions
@@ -0,0 +1,132 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import qs.Services
+import qs.Widgets
+
+ColumnLayout {
+  id: root
+
+  spacing: 0
+
+  ScrollView {
+    id: scrollView
+
+    Layout.fillWidth: true
+    Layout.fillHeight: true
+    padding: Style.marginMedium * scaling
+    clip: true
+    ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
+    ScrollBar.vertical.policy: ScrollBar.AsNeeded
+
+    ColumnLayout {
+      width: scrollView.availableWidth
+      spacing: 0
+
+      Item {
+        Layout.fillWidth: true
+        Layout.preferredHeight: 0
+      }
+
+      ColumnLayout {
+        spacing: Style.marginLarge * scaling
+        Layout.fillWidth: true
+
+        NText {
+          text: "General Settings"
+          font.pointSize: Style.fontSizeXL * scaling
+          font.weight: Style.fontWeightBold
+          color: Colors.mOnSurface
+        }
+
+        // Profile section
+        ColumnLayout {
+          spacing: Style.marginSmall * scaling
+          Layout.fillWidth: true
+          Layout.topMargin: Style.marginSmall * scaling
+
+          RowLayout {
+            Layout.fillWidth: true
+            spacing: Style.marginLarge * scaling
+
+            // Avatar preview
+            NImageRounded {
+              width: 64 * scaling
+              height: 64 * scaling
+              imagePath: Settings.data.general.avatarImage
+              fallbackIcon: "person"
+              borderColor: Colors.mPrimary
+              borderWidth: Math.max(1, Style.borderMedium)
+            }
+
+            NTextInput {
+              label: "Profile Picture"
+              description: "Your profile picture displayed in various places throughout the shell"
+              text: Settings.data.general.avatarImage
+              placeholderText: "/home/user/.face"
+              Layout.fillWidth: true
+              onEditingFinished: {
+                Settings.data.general.avatarImage = text
+              }
+            }
+          }
+        }
+      }
+
+      NDivider {
+        Layout.fillWidth: true
+        Layout.topMargin: Style.marginLarge * 2 * scaling
+        Layout.bottomMargin: Style.marginLarge * scaling
+      }
+
+      ColumnLayout {
+        spacing: Style.marginLarge * scaling
+        Layout.fillWidth: true
+
+        NText {
+          text: "User Interface"
+          font.pointSize: Style.fontSizeXL * scaling
+          font.weight: Style.fontWeightBold
+          color: Colors.mOnSurface
+          Layout.bottomMargin: Style.marginSmall * scaling
+        }
+
+        NToggle {
+          label: "Show Corners"
+          description: "Display rounded corners on the edge of the screen"
+          value: Settings.data.general.showScreenCorners
+          onToggled: function (v) {
+            Settings.data.general.showScreenCorners = v
+          }
+        }
+
+        NToggle {
+          label: "Dim Desktop"
+          description: "Dim the desktop when panels or menus are open"
+          value: Settings.data.general.dimDesktop
+          onToggled: function (v) {
+            Settings.data.general.dimDesktop = v
+          }
+        }
+
+        NToggle {
+          label: "Show Dock"
+          description: "Enable the dock at the bottom of the screen"
+          value: Settings.data.general.showDock
+          onToggled: function (v) {
+            Settings.data.general.showDock = v
+          }
+        }
+
+        NToggle {
+          label: "Auto-hide Dock"
+          description: "Automatically hide the dock when not in use"
+          value: Settings.data.general.dockAutoHide
+          onToggled: function (v) {
+            Settings.data.general.dockAutoHide = v
+          }
+        }
+      }
+    }
+  }
+}