Load fullscreenimage directly. Tweak reply UI.

imports/Spectral/Dialog/UserDetailDialog.qml

@@ -29,6 +29,14 @@ Dialog {
 
                 hint: user ? user.displayName : "No name"
                 source: user ? user.avatarMediaId : null
+
+                RippleEffect {
+                    anchors.fill: parent
+
+                    circular: true
+
+                    onPrimaryClicked: fullScreenImage.createObject(parent, {"filename": user.diaplayName, "localPath": room.urlToMxcUrl(user.avatarUrl)}).show()
+                }
             }
 
             ColumnLayout {
@@ -159,6 +167,12 @@ Dialog {
         }
     }
 
+    Component {
+        id: fullScreenImage
+
+        FullScreenImage {}
+    }
+
     onClosed: destroy()
 }