feat: initial commit for pixel-snapping components and helpers

Modules/Settings/Common/AudioDeviceList.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import Quickshell.Services.Pipewire
 import qs.Components
@@ -39,7 +40,7 @@ ItemList {
 			onClicked: root.selected(device.modelData)
 		}
 
-		RowLayout {
+		SnapLayout {
 			id: deviceLayout
 
 			anchors.fill: parent

Modules/Settings/Common/DialogRowButton.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Blobs
 import qs.Components
 import ZShell.Config
@@ -181,7 +182,8 @@ Item {
 
 				onWheel: event => event.accepted = true
 
-				ColumnLayout {
+				SnapLayout {
+orientation: Qt.Vertical
 					anchors.bottomMargin: Tokens.padding.largeIncreased
 					anchors.fill: parent
 					anchors.margins: Tokens.padding.extraLarge
@@ -222,7 +224,7 @@ Item {
 						}
 					}
 
-					RowLayout {
+					SnapLayout {
 						Layout.alignment: Qt.AlignRight
 						spacing: Tokens.spacing.extraSmall
 

Modules/Settings/Common/InfoRow.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import ZShell.Config
 import qs.Services
@@ -29,7 +30,7 @@ ConnectedRect {
 		}
 	}
 
-	RowLayout {
+	SnapLayout {
 		id: rowLayout
 
 		anchors.fill: parent
@@ -44,7 +45,8 @@ ConnectedRect {
 			visible: root.leadingComponent
 		}
 
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			Layout.fillWidth: true
 			spacing: 0
 

Modules/Settings/Common/ItemList.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import ZShell.Config
 import qs.Services
@@ -38,7 +39,8 @@ ConnectedRect {
 				type: Anim.DefaultEffects
 			}
 		}
-		sourceComponent: ColumnLayout {
+		sourceComponent: SnapLayout {
+orientation: Qt.Vertical
 			spacing: Tokens.spacing.extraSmall
 
 			MaterialIcon {

Modules/Settings/Common/ListEditor.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import ZShell.Config
 import qs.Components
@@ -265,7 +266,7 @@ ListView {
 				}
 			}
 
-			RowLayout {
+			SnapLayout {
 				id: row
 
 				anchors.fill: parent

Modules/Settings/Common/PageBase.qml

@@ -2,12 +2,14 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Modules.Settings
 import qs.Components
 import ZShell.Config
 import qs.Services
 
-ColumnLayout {
+SnapLayout {
+orientation: Qt.Vertical
 	id: root
 
 	property bool animateScroll: false
@@ -118,7 +120,7 @@ ColumnLayout {
 
 		onClicked: focus = true
 
-		RowLayout {
+		SnapLayout {
 			id: header
 
 			spacing: Tokens.spacing.largeIncreased

Modules/Settings/Common/PopupRow.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import qs.Components
 import ZShell.Config
@@ -27,7 +28,7 @@ ConnectedRect {
 		onClicked: popup.open = true
 	}
 
-	RowLayout {
+	SnapLayout {
 		id: navLayout
 
 		anchors.fill: parent
@@ -43,7 +44,8 @@ ConnectedRect {
 			fontStyle: Tokens.font.icon.medium
 		}
 
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			Layout.fillWidth: true
 			spacing: 0
 

Modules/Settings/Common/RowButton.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Services
@@ -30,7 +31,7 @@ ConnectedRect {
 		onClicked: e => root.clicked(e)
 	}
 
-	RowLayout {
+	SnapLayout {
 		id: row
 
 		anchors.left: parent.left

Modules/Settings/Common/SearchPopup.qml

@@ -3,6 +3,7 @@ pragma ComponentBehavior: Bound
 import Quickshell
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Services
@@ -19,7 +20,8 @@ DialogRowButton {
 	separateContent: true
 
 	content: Component {
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			VerticalFadeListView {
 				bottomMargin: Tokens.padding.large
 				Layout.fillHeight: true

Modules/Settings/Common/SectionHeader.qml

@@ -1,7 +1,7 @@
 import QtQuick
 import QtQuick.Layouts
-import qs.Components
 import ZShell.Config
+import qs.Components
 import qs.Services
 
 CustomText {

Modules/Settings/Common/SelectRow.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import ZShell.Config
 import qs.Services
@@ -22,7 +23,7 @@ ConnectedRect {
 	implicitHeight: rowLayout.implicitHeight + rowLayout.anchors.margins * 2
 	z: splitButton.expanded ? 1 : 0
 
-	RowLayout {
+	SnapLayout {
 		id: rowLayout
 
 		anchors.fill: parent
@@ -31,7 +32,8 @@ ConnectedRect {
 		anchors.rightMargin: Tokens.padding.largeIncreased
 		spacing: Tokens.spacing.small
 
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			Layout.fillWidth: true
 			spacing: 0
 

Modules/Settings/Common/SliderRow.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import ZShell.Config
 import qs.Services
@@ -19,7 +20,7 @@ ConnectedRect {
 	Layout.fillWidth: true
 	implicitHeight: rowLayout.implicitHeight + rowLayout.anchors.margins + rowLayout.anchors.topMargin
 
-	RowLayout {
+	SnapLayout {
 		id: rowLayout
 
 		anchors.fill: parent
@@ -27,11 +28,12 @@ ConnectedRect {
 		anchors.topMargin: Tokens.padding.large
 		spacing: Tokens.spacing.small
 
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			Layout.fillWidth: true
 			spacing: Tokens.spacing.small
 
-			RowLayout {
+			SnapLayout {
 				Layout.fillWidth: true
 				spacing: Tokens.spacing.small
 

Modules/Settings/Common/SpinRow.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import ZShell.Config
 import qs.Services
@@ -21,7 +22,7 @@ ConnectedRect {
 	Layout.fillWidth: true
 	implicitHeight: rowLayout.implicitHeight + rowLayout.anchors.margins * 2
 
-	RowLayout {
+	SnapLayout {
 		id: rowLayout
 
 		anchors.fill: parent
@@ -30,7 +31,8 @@ ConnectedRect {
 		anchors.rightMargin: Tokens.padding.largeIncreased
 		spacing: Tokens.spacing.small
 
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			Layout.fillWidth: true
 			spacing: 0
 

Modules/Settings/Common/TextFieldRow.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Services
@@ -35,7 +36,7 @@ ConnectedRect {
 	Layout.fillWidth: true
 	implicitHeight: rowLayout.implicitHeight + Tokens.padding.medium + Math.max(0, Tokens.padding.large - input.verticalPadding) * 2
 
-	RowLayout {
+	SnapLayout {
 		id: rowLayout
 
 		anchors.left: parent.left
@@ -45,7 +46,8 @@ ConnectedRect {
 		anchors.rightMargin: Tokens.padding.largeIncreased
 		spacing: Tokens.spacing.medium
 
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			Layout.fillWidth: true
 			spacing: 0
 

Modules/Settings/Common/TimeDialogRow.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Blobs
 import qs.Components
 import ZShell.Config
@@ -185,7 +186,8 @@ Item {
 				implicitWidth: innerLayout.implicitWidth + innerLayout.anchors.margins * 2
 				implicitHeight: innerLayout.implicitHeight + innerLayout.anchors.margins + innerLayout.anchors.bottomMargin
 
-				ColumnLayout {
+				SnapLayout {
+orientation: Qt.Vertical
 					id: innerLayout
 					anchors.bottomMargin: Tokens.padding.largeIncreased
 					anchors.fill: parent
@@ -206,7 +208,7 @@ Item {
 						sourceComponent: root.content
 					}
 
-					RowLayout {
+					SnapLayout {
 						Layout.alignment: Qt.AlignRight
 						spacing: Tokens.spacing.extraSmall
 

Modules/Settings/Common/TimeDialogToggle.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings

Modules/Settings/Common/TimeInput.qml

@@ -6,7 +6,8 @@ import qs.Components
 import qs.Helpers
 import qs.Services
 
-ColumnLayout {
+SnapLayout {
+orientation: Qt.Vertical
 	id: root
 
 	required property int start
@@ -28,7 +29,7 @@ ColumnLayout {
 
 	spacing: Tokens.spacing.medium
 
-	RowLayout {
+	SnapLayout {
 		CustomRect {
 			id: startHourRect
 
@@ -470,7 +471,7 @@ ColumnLayout {
 		}
 	}
 
-	RowLayout {
+	SnapLayout {
 		CustomText {
 			Layout.preferredWidth: spacer.x + spacer.width
 			text: qsTr("Start")

Modules/Settings/Common/ToggleRow.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import ZShell.Config
 import qs.Services

Modules/Settings/Common/WallItem.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import qs.Components
 import ZShell.Config
@@ -19,7 +20,8 @@ Item {
 	Layout.fillWidth: true
 	implicitHeight: layout.implicitHeight
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		id: layout
 
 		anchors.fill: parent

Modules/Settings/Common/WallpaperCropper.qml

@@ -156,7 +156,7 @@ Item {
 		}
 	}
 
-	RowLayout {
+	SnapLayout {
 		id: sliderLayout
 
 		anchors.bottom: parent.bottom

Modules/Settings/NavPane.qml

@@ -1,11 +1,13 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import qs.Modules.Settings.NavPane
 import ZShell.Config
 import qs.Services
 
-ColumnLayout {
+SnapLayout {
+orientation: Qt.Vertical
 	id: root
 
 	required property SettingsState sState

Modules/Settings/NavPane/NavLocations.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import qs.Components
 import ZShell.Config
@@ -48,7 +49,8 @@ VerticalFadeFlickable {
 		onTapped: root.focus = true
 	}
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		id: content
 
 		anchors.left: parent.left
@@ -98,7 +100,7 @@ VerticalFadeFlickable {
 					onClicked: root.sState.currentPageIdx = item.index
 				}
 
-				RowLayout {
+				SnapLayout {
 					id: layout
 
 					anchors.fill: parent
@@ -124,7 +126,8 @@ VerticalFadeFlickable {
 						}
 					}
 
-					ColumnLayout {
+					SnapLayout {
+orientation: Qt.Vertical
 						Layout.fillWidth: true
 						spacing: 0
 
@@ -179,7 +182,8 @@ VerticalFadeFlickable {
 					values: root.groups
 				}
 
-				ColumnLayout {
+				SnapLayout {
+orientation: Qt.Vertical
 					id: group
 
 					required property int index
@@ -188,7 +192,7 @@ VerticalFadeFlickable {
 					spacing: Tokens.spacing.small
 					width: resultList.width
 
-					RowLayout {
+					SnapLayout {
 						Layout.fillWidth: true
 						Layout.leftMargin: Tokens.padding.extraSmall
 						spacing: Tokens.spacing.small
@@ -265,7 +269,8 @@ VerticalFadeFlickable {
 								RadiusBehavior on topLeftRadius {}
 								RadiusBehavior on topRightRadius {}
 
-								ColumnLayout {
+								SnapLayout {
+orientation: Qt.Vertical
 									id: resultLayout
 
 									anchors.fill: parent

Modules/Settings/PageCompRegistry.qml

@@ -2,6 +2,7 @@ pragma Singleton
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Components
 import ZShell.Config
 import qs.Modules.Settings.Common
@@ -158,7 +159,8 @@ QtObject {
 	component PlaceholderComp: Item {
 		property SettingsState sState // To avoid the warning from non-existent property
 
-		ColumnLayout {
+		SnapLayout {
+orientation: Qt.Vertical
 			anchors.centerIn: parent
 			spacing: Tokens.padding.extraSmall
 

Modules/Settings/Pages/AboutPage.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell.Io
 import ZShell
 import qs.Modules.Settings.Common
@@ -17,7 +18,8 @@ PageBase {
 
 	title: qsTr("About")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2
@@ -38,7 +40,8 @@ PageBase {
 			implicitHeight: hero.implicitHeight + Tokens.padding.extraLarge * 2
 			last: true
 
-			ColumnLayout {
+			SnapLayout {
+orientation: Qt.Vertical
 				id: hero
 
 				anchors.centerIn: parent

Modules/Settings/Pages/Apps/AllApps.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import Quickshell.Widgets
 import qs.Components
@@ -16,7 +17,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("All apps")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2
@@ -45,7 +47,7 @@ PageBase {
 					}
 				}
 
-				RowLayout {
+				SnapLayout {
 					id: appRow
 
 					anchors.fill: parent
@@ -60,7 +62,8 @@ PageBase {
 						source: Quickshell.iconPath(appItem.modelData.icon, "image-missing")
 					}
 
-					ColumnLayout {
+					SnapLayout {
+orientation: Qt.Vertical
 						Layout.fillWidth: true
 						spacing: 0
 

Modules/Settings/Pages/Apps/AppInfo.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import Quickshell.Widgets
 import qs.Components
@@ -32,14 +33,15 @@ PageBase {
 			sState.closeSubPage();
 	}
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2
 		width: root.cappedWidth
 
 		// Header
-		RowLayout {
+		SnapLayout {
 			Layout.bottomMargin: Tokens.spacing.largeIncreased
 			Layout.fillWidth: true
 			Layout.leftMargin: Tokens.padding.extraSmall
@@ -51,7 +53,8 @@ PageBase {
 				source: Quickshell.iconPath(root.app?.icon, "image-missing")
 			}
 
-			ColumnLayout {
+			SnapLayout {
+orientation: Qt.Vertical
 				Layout.fillWidth: true
 				spacing: Tokens.spacing.extraSmall / 2
 
@@ -139,7 +142,7 @@ PageBase {
 		Layout.fillWidth: true
 		implicitHeight: rowLayout.implicitHeight + rowLayout.anchors.margins * 2
 
-		RowLayout {
+		SnapLayout {
 			id: rowLayout
 
 			anchors.fill: parent

Modules/Settings/Pages/AppsPage.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import Quickshell.Widgets
 import ZShell
@@ -16,7 +17,8 @@ PageBase {
 
 	title: qsTr("Apps")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2
@@ -134,7 +136,7 @@ PageBase {
 						row.selected(modelData);
 					}
 
-					RowLayout {
+					SnapLayout {
 						id: itemLayout
 
 						anchors.fill: parent
@@ -147,7 +149,8 @@ PageBase {
 							source: Quickshell.iconPath(appItem.modelData.icon, "image-missing")
 						}
 
-						ColumnLayout {
+						SnapLayout {
+orientation: Qt.Vertical
 							Layout.fillWidth: true
 							spacing: 0
 

Modules/Settings/Pages/Audio/AppVolumes.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import Quickshell.Services.Pipewire
 import qs.Modules.Settings.Common
@@ -17,7 +18,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("App volumes")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/AudioPage.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import qs.Daemons
 import ZShell.Config
 import qs.Components
@@ -14,7 +15,8 @@ PageBase {
 
 	title: qsTr("Audio")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2
@@ -93,7 +95,7 @@ PageBase {
 				onClicked: root.sState.openSubPage(1)
 			}
 
-			RowLayout {
+			SnapLayout {
 				id: appLayout
 
 				anchors.fill: parent
@@ -107,7 +109,8 @@ PageBase {
 					text: "tune"
 				}
 
-				ColumnLayout {
+				SnapLayout {
+orientation: Qt.Vertical
 					Layout.fillWidth: true
 					spacing: 0
 

Modules/Settings/Pages/Panels/Bar/BarClock.qml

@@ -1,6 +1,7 @@
 pragma ComponentBehavior: Bound
 
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -38,7 +39,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Clock")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/Bar/BarStatusIcons.qml

@@ -1,4 +1,5 @@
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Modules.Settings.Common
 
@@ -14,7 +15,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("System icons")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/Bar/BarTray.qml

@@ -1,6 +1,7 @@
 pragma ComponentBehavior: Bound
 
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Modules.Settings.Common
 
@@ -10,7 +11,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Tray")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/BarPanel.qml

@@ -1,6 +1,7 @@
 pragma ComponentBehavior: Bound
 
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -11,7 +12,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Taskbar")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/DashboardPanel.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -12,7 +13,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Dashboard")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/LauncherPanel.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -12,7 +13,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Launcher")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/ResourcesPanel.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -12,7 +13,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Resources")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/Sidebar/SidebarLlm.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -59,7 +60,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Sidebar")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Panels/SidebarPanel.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -22,7 +23,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Sidebar")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/PanelsPage.qml

@@ -1,4 +1,5 @@
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Modules.Settings.Common
 
@@ -7,7 +8,8 @@ PageBase {
 
 	title: qsTr("Panels")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/ScreenshotPage.qml

@@ -14,7 +14,8 @@ PageBase {
 
 	title: qsTr("Screenshots")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Services/NotificationsPage.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Components
 import qs.Modules.Settings.Common
@@ -10,7 +11,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Notifications")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/ServicesPage.qml

@@ -1,5 +1,6 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import Quickshell
 import ZShell.Services
 import qs.Components
@@ -28,7 +29,8 @@ PageBase {
 
 	title: qsTr("Services")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Wallpaper/ColorsFonts.qml

@@ -4,6 +4,7 @@ import Quickshell
 import Quickshell.Io
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Config
 import qs.Paths
 import qs.Services
@@ -59,7 +60,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Colors & font")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.extraSmall / 2

Modules/Settings/Pages/Wallpaper/WallpaperSelect.qml

@@ -2,6 +2,7 @@ pragma ComponentBehavior: Bound
 
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import ZShell.Models
 import qs.Paths
 import qs.Helpers
@@ -16,7 +17,8 @@ PageBase {
 	isSubPage: true
 	title: qsTr("Wallpapers")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.left: parent.left
 		anchors.right: parent.right
 		anchors.top: parent.top
@@ -75,7 +77,8 @@ PageBase {
 				implicitHeight: noWallsLayout.implicitHeight + Tokens.padding.extraLarge * 3
 				radius: Tokens.rounding.largeIncreased
 
-				ColumnLayout {
+				SnapLayout {
+orientation: Qt.Vertical
 					id: noWallsLayout
 
 					anchors.centerIn: parent

Modules/Settings/Pages/WallpaperPage.qml

@@ -15,7 +15,8 @@ PageBase {
 
 	title: qsTr("Wallpaper & style")
 
-	ColumnLayout {
+	SnapLayout {
+orientation: Qt.Vertical
 		anchors.horizontalCenter: parent.horizontalCenter
 		anchors.top: parent.top
 		spacing: Tokens.spacing.largeIncreased