responsive

fairchat/qml/pages/LoginPage.qml

@@ -99,6 +99,14 @@ Page {
         anchors.leftMargin: 35
         anchors.rightMargin: 35
         Image{
+            visible: {
+                if(loginPage.height>500){
+                    return true;
+                }else{
+                    return false;
+                }
+            }
+
             anchors.leftMargin: 65
             anchors.rightMargin: 65
             anchors.left: parent.left
@@ -123,14 +131,26 @@ Page {
                     text: "Default Server"
                     anchors.left: parent.left
                     color: Colors.white
-                    font.pointSize: Fonts.largeFontSize
+                    font.pointSize: {
+                            if(loginPage.height>500){
+                                return Fonts.largeFontSize;
+                            }else{
+                                return Fonts.smallFontSize
+                            }
+                    }
                 }
                 StyledText {
                     id: currentServer
                     text: "fairchat.net"
                     anchors.left: parent.left
                     color: Colors.white
-                    font.pointSize: Fonts.smallFontSize
+                    font.pointSize: {
+                        if(loginPage.height>500){
+                            return Fonts.largeFontSize;
+                        }else{
+                            return Fonts.smallFontSize
+                        }
+                    }
                 }
             }
             Rectangle {
@@ -154,9 +174,16 @@ Page {
             id: loginCol
             anchors.left: parent.left
             anchors.right: parent.right
+            anchors.bottom: fairkomText.top
             anchors.leftMargin: 30
             anchors.rightMargin: 30
-            spacing: 40
+            spacing: {
+                if(loginPage.height>500){
+                    return 40;
+                }else{
+                    return Fonts.smallFontSize
+                }
+            }
            // width: 340
 
             StyledText {
@@ -183,6 +210,13 @@ Page {
                         return false
                     }
                 }
+                height: {
+                            if(loginPage.height>500){
+                                return 40;
+                            }else{
+                                return 20
+                            }
+                        }
                 model: loginMethodsModel
 
                 delegate: ItemDelegate {
@@ -318,6 +352,7 @@ Page {
             }
         }
         Rectangle{
+            id: fairkomText
             height: 40
             width: 200
             anchors.horizontalCenter: parent.horizontalCenter
@@ -334,8 +369,13 @@ Page {
                 textFormat: StyledText.RichText
                 horizontalAlignment: Text.AlignHCenter
 
-                font.pointSize: Fonts.baseFontSize
-                onLinkActivated: {
+                font.pointSize: {
+                        if(loginPage.height>500){
+                            return Fonts.baseFontSize;
+                        }else{
+                            return Fonts.smallFontSize
+                        }
+                }                onLinkActivated: {
                     Qt.openUrlExternally(link)
                 }
             }