feat: Header blur

status-im · Feb 4, 2025 · 0166f14 · 0166f14
1 parent 8c327fb
commit 0166f14
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/ui/app/AppLayouts/Wallet/panels/StickySendModalHeader.qml b/ui/app/AppLayouts/Wallet/panels/StickySendModalHeader.qml
@@ -69,6 +69,9 @@ Control {
     /** signal to propagate that a network was selected **/
     signal networkSelected(int chainId)
 
+    property var blurSource: null
+    property var blurSourceRect: Qt.rect(0, 0, 0, 0)
+
     /** input function for programatic selection of token
     (asset/collectible/collection) **/
     function setToken(name, icon, key) {
@@ -95,25 +98,28 @@ Control {
     }
 
     background: Item {
-
         ShaderEffectSource {
             id: backgroundSource
-            sourceItem: root.Window ? root.Window.contentItem : null
+            sourceItem: root.blurSource
             anchors.fill: parent
+            sourceRect: root.blurSourceRect
             live: true
+            visible: false
         }
 
         FastBlur {
             anchors.fill: parent
+            anchors.leftMargin: Theme.xlPadding
+            anchors.rightMargin: Theme.xlPadding
             source: backgroundSource
-            radius: 32
+            radius: 40
         }
 
         Rectangle {
             anchors.fill: parent
             color: root.implicitHeight > d.bottomMargin ? Theme.palette.baseColor3: Theme.palette.transparent
             radius: 8
-            opacity: 0.9
+            opacity: 0.85
 
             layer.enabled: true
             layer.effect: DropShadow {

diff --git a/ui/app/AppLayouts/Wallet/popups/simpleSend/SimpleSendModal.qml b/ui/app/AppLayouts/Wallet/popups/simpleSend/SimpleSendModal.qml
@@ -417,6 +417,8 @@ StatusDialog {
                 objectName: "stickySendModalHeader"
 
                 width: parent.width
+                blurSource: recipientsPanelLayout
+                blurSourceRect: Qt.rect(0, verticalScrollbar.position * scrollView.contentHeight - height - scrollViewLayout.spacing, blurSource.width, height)
 
                 stickyHeaderVisible: d.stickyHeaderVisible