feat: initial commit for pixel-snapping components and helpers

Modules/Dashboard/Media.qml

@@ -1,6 +1,8 @@
 import QtQuick
 import QtQuick.Layouts
+import ZShell.Components
 import M3Shapes
+import ZShell
 import ZShell.Config
 import qs.Modules.Dashboard.Media
 import qs.Components
@@ -13,8 +15,8 @@ Item {
 	property ScreenState screenState
 	required property int radius
 
-	implicitWidth: 1000
-	implicitHeight: 320
+	implicitWidth: ZUtils.snap(1000, root)
+	implicitHeight: ZUtils.snap(320, root)
 
 	ClipRect {
 		anchors.fill: parent
@@ -25,7 +27,7 @@ Item {
 		}
 	}
 
-	RowLayout {
+	SnapLayout {
 		anchors.fill: parent
 		anchors.margins: Tokens.padding.large
 		spacing: Tokens.spacing.extraLarge
@@ -94,7 +96,8 @@ Item {
 				active: opacity > 0
 				opacity: 0
 
-				sourceComponent: ColumnLayout {
+				sourceComponent: SnapLayout {
+orientation: Qt.Vertical
 					spacing: Tokens.spacing.small
 
 					MaterialShape {
@@ -140,11 +143,12 @@ Item {
 				asynchronous: true
 				active: opacity > 0
 
-				sourceComponent: RowLayout {
+				sourceComponent: SnapLayout {
 					spacing: Tokens.spacing.extraLarge
 
 					Details {
 						Layout.fillWidth: true
+						Layout.fillHeight: true
 					}
 
 					LyricsAndSelector {