feat: add password overlay for network popout + redesign

Components/ButtonBase.qml

@@ -14,7 +14,7 @@ CustomRect {
 	property color activeOnColor
 	property bool checked
 	property real checkedRadius: Appearance.rounding.medium
-	property real defaultRadius: Appearance.rounding.large
+	property real defaultRadius: Math.min(width, height) / 2
 	property color disabledColor: Qt.alpha(DynamicColors.palette.m3onSurface, 0.1)
 	property color disabledOnColor: Qt.alpha(DynamicColors.palette.m3onSurface, 0.38)
 	property bool fillWidth
@@ -35,7 +35,7 @@ CustomRect {
 	readonly property color onColor: !enabled ? disabledOnColor : internalChecked ? activeOnColor : inactiveOnColor
 	property real padding
 	readonly property alias pressed: stateLayer.pressed
-	property real pressedRadius: Appearance.rounding.small
+	property real pressedRadius: Appearance.rounding.smallest
 	readonly property alias radiusAnim: radiusAnim
 	property bool radiusMorph: true
 	property alias shapeMorph: stateLayer.shapeMorph

Components/CircularIndicator.qml

@@ -1,7 +1,7 @@
-import qs.Config
-import ZShell.Internal
 import QtQuick
 import QtQuick.Templates
+import ZShell.Internal
+import qs.Config
 
 BusyIndicator {
 	id: root
@@ -19,10 +19,10 @@ BusyIndicator {
 	property int animState
 	property color bgColor: DynamicColors.palette.m3secondaryContainer
 	property color fgColor: DynamicColors.palette.m3primary
-	property real implicitSize: Appearance.font.size.normal * 3
+	property real implicitSize: Appearance.font.size.medium * 3
 	property real internalStrokeWidth: strokeWidth
 	readonly property alias progress: manager.progress
-	property real strokeWidth: Appearance.padding.small * 0.8
+	property real strokeWidth: Appearance.padding.extraSmall
 	property alias type: manager.indeterminateAnimationType
 
 	implicitHeight: implicitSize
@@ -33,6 +33,7 @@ BusyIndicator {
 		anchors.fill: parent
 		bgColor: root.bgColor
 		fgColor: root.fgColor
+		hasEndIndicator: false
 		padding: root.padding
 		rotation: manager.rotation
 		startAngle: manager.startFraction * 360
@@ -52,6 +53,7 @@ BusyIndicator {
 		Anim {
 			duration: manager.completeEndDuration * Appearance.anim.durations.scale
 			properties: "opacity,internalStrokeWidth"
+			type: Anim.DefaultEffects
 		}
 	}
 

Components/CustomTextField.qml

@@ -22,6 +22,7 @@ TextFieldBase {
 	property string leadingIcon
 	readonly property int leadingOffset: leadingIcon ? leadingIconLoader.width + leadingIconLoader.anchors.leftMargin : 0
 	property int radius: Appearance.rounding.small
+	property alias sLayer: stateLayer
 	readonly property real smallFontScale: smallFontSize / font.pointSize
 	property int smallFontSize: Appearance.font.size.small
 	property string supportingText
@@ -139,11 +140,12 @@ TextFieldBase {
 
 			active: root.leadingIcon
 			anchors.left: parent.left
-			anchors.leftMargin: Appearance.padding.normal
+			anchors.leftMargin: Appearance.padding.larger
 			anchors.verticalCenter: parent.verticalCenter
 
 			sourceComponent: MaterialIcon {
 				color: DynamicColors.palette.m3onSurfaceVariant
+				font.pointSize: Appearance.font.size.larger
 				text: root.leadingIcon
 			}
 		}