NImageRounded/Circled: removed shaders and used a simpler ClippingWrapperRectangle

Modules/Panels/ControlCenter/Cards/ProfileCard.qml

@@ -25,9 +25,10 @@ NBox {
     anchors.margins: Style.marginM
     spacing: Style.marginM
 
-    NImageCircled {
+    NImageRounded {
       Layout.preferredWidth: Math.round(Style.baseWidgetSize * 1.25 * Style.uiScaleRatio)
       Layout.preferredHeight: Math.round(Style.baseWidgetSize * 1.25 * Style.uiScaleRatio)
+      radius: width * 0.5
       imagePath: Settings.preprocessPath(Settings.data.general.avatarImage)
       fallbackIcon: "person"
       borderColor: Color.mPrimary

Modules/Panels/Launcher/Launcher.qml

@@ -689,7 +689,7 @@ SmartPanel {
                       id: imagePreview
                       anchors.fill: parent
                       visible: modelData.isImage && !modelData.emojiChar
-                      imageRadius: Style.radiusM
+                      radius: Style.radiusM
 
                       // This property creates a dependency on the service's revision counter
                       readonly property int _rev: ClipboardService.revision
@@ -934,7 +934,7 @@ SmartPanel {
                     id: gridImagePreview
                     anchors.fill: parent
                     visible: modelData.isImage && !modelData.emojiChar
-                    imageRadius: Style.radiusM
+                    radius: Style.radiusM
 
                     readonly property int _rev: ClipboardService.revision
 

Modules/Panels/NotificationHistory/NotificationHistoryPanel.qml

@@ -197,10 +197,11 @@ SmartPanel {
                   spacing: Style.marginM
 
                   // Icon
-                  NImageCircled {
+                  NImageRounded {
+                    anchors.verticalCenter: parent.verticalCenter
                     width: Math.round(40 * Style.uiScaleRatio)
                     height: Math.round(40 * Style.uiScaleRatio)
-                    anchors.verticalCenter: parent.verticalCenter
+                    radius: width * 0.5
                     imagePath: model.cachedImage || model.originalImage || ""
                     borderColor: Color.transparent
                     borderWidth: 0

Modules/Panels/Settings/Bar/WidgetSettings/ControlCenterSettings.qml

@@ -59,10 +59,11 @@ ColumnLayout {
       description: I18n.tr("bar.widget-settings.control-center.icon.description")
     }
 
-    NImageCircled {
+    NImageRounded {
       Layout.preferredWidth: Style.fontSizeXL * 2
       Layout.preferredHeight: Style.fontSizeXL * 2
       Layout.alignment: Qt.AlignVCenter
+      radius: width * 0.5
       imagePath: valueCustomIconPath
       visible: valueCustomIconPath !== ""
     }

Modules/Panels/Settings/Tabs/AboutTab.qml

@@ -189,10 +189,11 @@ ColumnLayout {
           Layout.preferredWidth: Style.baseWidgetSize * 2 * Style.uiScaleRatio
           Layout.preferredHeight: Style.baseWidgetSize * 2 * Style.uiScaleRatio
 
-          NImageCircled {
-            imagePath: modelData.avatar_url || ""
+          NImageRounded {
             anchors.fill: parent
             anchors.margins: Style.marginXS
+            radius: width * 0.5
+            imagePath: modelData.avatar_url || ""
             fallbackIcon: "person"
             borderColor: contributorArea.containsMouse ? Color.mOnHover : Color.mPrimary
             borderWidth: Style.borderM

Modules/Panels/Settings/Tabs/GeneralTab.qml

@@ -21,9 +21,10 @@ ColumnLayout {
     spacing: Style.marginL
 
     // Avatar preview
-    NImageCircled {
+    NImageRounded {
       Layout.preferredWidth: 88 * Style.uiScaleRatio
       Layout.preferredHeight: width
+      radius: width * 0.5
       imagePath: Settings.preprocessPath(Settings.data.general.avatarImage)
       fallbackIcon: "person"
       borderColor: Color.mPrimary