From 6c9247b56b312b05ad52a674a7fa4bc30e4034ef Mon Sep 17 00:00:00 2001 From: Dirk Hohndel Date: Thu, 24 Mar 2016 09:44:05 -0700 Subject: QML UI: improve About screen This should actually give a correctly positioned logo. Signed-off-by: Dirk Hohndel --- qt-mobile/qml/About.qml | 26 ++++++++++---------------- 1 file changed, 10 insertions(+), 16 deletions(-) diff --git a/qt-mobile/qml/About.qml b/qt-mobile/qml/About.qml index 2655401f6..27727d4e0 100644 --- a/qt-mobile/qml/About.qml +++ b/qt-mobile/qml/About.qml @@ -6,7 +6,7 @@ import org.subsurfacedivelog.mobile 1.0 MobileComponents.Page { id: aboutPage - property int pageWidth: subsurfaceTheme.columnWidth - MobileComponents.Units.gridUnit + property int pageWidth: subsurfaceTheme.columnWidth - MobileComponents.Units.smallSpacing ScrollView { anchors.fill: parent @@ -18,26 +18,20 @@ MobileComponents.Page { MobileComponents.Heading { text: "About Subsurface-mobile" - Layout.margins: MobileComponents.Units.largeSpacing / 2 Layout.alignment: Qt.AlignHCenter Layout.maximumWidth: pageWidth + Layout.topMargin: MobileComponents.Units.gridUnit wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere } - - Rectangle { - color: "transparent" - Layout.margins: MobileComponents.Units.largeSpacing - Layout.fillWidth: true - height: childrenRect.height - Image { - id: image - source: "qrc:/qml/subsurface-mobile-icon.png" - width: parent.width - MobileComponents.Units.largeSpacing - fillMode: Image.PreserveAspectFit - horizontalAlignment: Image.AlignHCenter - } + Image { + id: image + source: "qrc:/qml/subsurface-mobile-icon.png" + width: pageWidth / 2 + height: width + fillMode: Image.Stretch + Layout.alignment: Qt.AlignCenter + horizontalAlignment: Image.AlignHCenter } - MobileComponents.Heading { text: "A mobile version of the free Subsurface divelog software.\n" + "View your dive logs while on the go." -- cgit v1.2.3-70-g09d2