Make confirmation a dialog

touch/Confirmation.qml

@@ -23,7 +23,7 @@ import QtQuick 2.0
 import 'common/constants.js' as Constants
 import 'icons/icons.js' as Icons
 
-SlidePage {
+Dialog {
     id: confirmation
 
     property alias title: header.title
@@ -31,6 +31,8 @@ SlidePage {
     property alias color: header.color
     property var callback: undefined
 
+    contentHeight: icon.height + header.height + confirmLabel.height + 50 * pgst.scalef
+
     SlidePageHeader {
         id: header
         color: Constants.colors.destructive
@@ -39,7 +41,7 @@ SlidePage {
 
     PIcon {
         id: icon
-        size: 300
+        size: 200
         anchors.centerIn: parent
         color: header.color
 
@@ -55,6 +57,8 @@ SlidePage {
     }
 
     PLabel {
+        id: confirmLabel
+
         anchors {
             horizontalCenter: parent.horizontalCenter
             top: icon.bottom
@@ -64,24 +68,4 @@ SlidePage {
         text: 'Tap to confirm'
         color: header.color
     }
-
-    Row {
-        anchors {
-            horizontalCenter: parent.horizontalCenter
-            bottom: parent.bottom
-            margins: 60 * pgst.scalef
-        }
-
-        spacing: 30 * pgst.scalef
-
-        PLabel {
-            text: 'Swipe right to cancel'
-            color: Constants.colors.text
-        }
-
-        PIcon {
-            color: Constants.colors.text
-            icon: Icons.arrow_right
-        }
-    }
 }