fix blob positioning + deforming

Modules/ClipWrapper.qml

@@ -26,8 +26,8 @@ Item {
 
 	Behavior on offsetScale {
 		Anim {
-			duration: MaterialEasing.expressiveEffectsTime
-			easing.bezierCurve: MaterialEasing.expressiveEffects
+			duration: Appearance.anim.durations.expressiveDefaultSpatial
+			easing.bezierCurve: Appearance.anim.curves.expressiveDefaultSpatial
 		}
 	}
 	Behavior on x {

Modules/Content.qml

@@ -101,9 +101,10 @@ Item {
 		readonly property bool shouldBeActive: root.popouts.currentName === name
 
 		active: false
-		anchors.horizontalCenter: parent.horizontalCenter
-		anchors.top: parent.top
-		anchors.topMargin: 5
+		// anchors.horizontalCenter: parent.horizontalCenter
+		// anchors.top: parent.top
+		// anchors.topMargin: 5
+		anchors.centerIn: parent
 		opacity: 0
 		scale: 0.8
 

Modules/Settings/Categories/Appearance.qml

@@ -57,6 +57,16 @@ SettingsPage {
 			setting: "scale"
 			step: 0.1
 		}
+
+		Separator {
+		}
+
+		SettingSpinBox {
+			name: "Deform animation scale"
+			object: Config.appearance.deform
+			setting: "scale"
+			step: 0.1
+		}
 	}
 
 	SettingsSection {
@@ -118,9 +128,9 @@ SettingsPage {
 		}
 
 		SettingSpinBox {
-			name: "Session GIF speed"
 			max: 5
 			min: 0
+			name: "Session GIF speed"
 			object: Config.appearance.anim
 			setting: "sessionGifSpeed"
 			step: 0.1
@@ -144,9 +154,9 @@ SettingsPage {
 		}
 
 		SettingSpinBox {
-			name: "Base opacity"
 			max: 1
 			min: 0
+			name: "Base opacity"
 			object: Config.appearance.transparency
 			setting: "base"
 			step: 0.05
@@ -156,9 +166,9 @@ SettingsPage {
 		}
 
 		SettingSpinBox {
-			name: "Layer opacity"
 			max: 1
 			min: 0
+			name: "Layer opacity"
 			object: Config.appearance.transparency
 			setting: "layers"
 			step: 0.05

Modules/Settings/SettingsIndex.mjs

@@ -815,7 +815,14 @@ export const settingsIndex = [
     category: "appearance",
     categoryName: "Appearance",
     section: "Scale",
-    keywords: ["animation", "speed", "duration"],
+    keywords: ["animation", "speed", "duration", "scale"],
+  },
+  {
+    name: "Deform animation scale",
+    category: "appearance",
+    categoryName: "Appearance",
+    section: "Scale",
+    keywords: ["animation", "deform", "scale"],
   },
   // Fonts section
   {

Modules/SysTray/Popouts/AudioPopup.qml

@@ -24,6 +24,7 @@ Item {
 	CustomRect {
 		anchors.left: parent.left
 		anchors.right: parent.right
+		anchors.top: parent.top
 		color: DynamicColors.tPalette.m3surfaceContainer
 		implicitHeight: parent.implicitHeight
 		radius: Appearance.rounding.small
@@ -31,8 +32,8 @@ Item {
 
 		Behavior on implicitHeight {
 			Anim {
-				duration: MaterialEasing.emphasizedDecelTime
-				easing.bezierCurve: MaterialEasing.emphasized
+				duration: MaterialEasing.expressiveEffectsTime
+				easing.bezierCurve: MaterialEasing.expressiveEffects
 			}
 		}
 	}
@@ -40,7 +41,11 @@ Item {
 	ColumnLayout {
 		id: layout
 
-		anchors.centerIn: parent
+		// anchors.centerIn: parent
+		anchors.left: parent.left
+		anchors.margins: Appearance.padding.small
+		anchors.right: parent.right
+		anchors.top: parent.top
 		implicitWidth: stack.currentItem ? stack.currentItem.childrenRect.height : 0
 		spacing: 12
 
@@ -98,6 +103,12 @@ Item {
 			Layout.preferredHeight: currentIndex === 0 ? vol.childrenRect.height : dev.childrenRect.height
 			currentIndex: 0
 
+			// Behavior on Layout.preferredHeight {
+			// 	Anim {
+			// 		duration: MaterialEasing.expressiveEffectsTime
+			// 		easing.bezierCurve: MaterialEasing.expressiveEffects
+			// 	}
+			// }
 			Behavior on currentIndex {
 				SequentialAnimation {
 					ParallelAnimation {

Modules/Wrapper.qml

@@ -8,8 +8,8 @@ import qs.Config
 Item {
 	id: root
 
-	property list<real> animCurve: MaterialEasing.expressiveEffects
-	property int animLength: MaterialEasing.expressiveEffectsTime
+	property list<real> animCurve: Appearance.anim.curves.expressiveDefaultSpatial
+	property int animLength: Appearance.anim.durations.expressiveDefaultSpatial
 	readonly property alias content: content
 	readonly property Item current: (content.item as Content)?.current ?? null
 	property real currentCenter
@@ -73,9 +73,9 @@ Item {
 	Comp {
 		id: content
 
-		anchors.horizontalCenter: parent.horizontalCenter
-		anchors.top: parent.top
-		// anchors.centerIn: parent
+		// anchors.horizontalCenter: parent.horizontalCenter
+		// anchors.top: parent.top
+		anchors.centerIn: parent
 		shouldBeActive: root.hasCurrent && !root.detachedMode
 
 		sourceComponent: Content {