QML UI: improve About screen

This should actually give a correctly positioned logo.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Dirk Hohndel 2016-03-24 09:44:05 -07:00
parent aa4e3ba537
commit 6c9247b56b

View file

@ -6,7 +6,7 @@ import org.subsurfacedivelog.mobile 1.0
MobileComponents.Page { MobileComponents.Page {
id: aboutPage id: aboutPage
property int pageWidth: subsurfaceTheme.columnWidth - MobileComponents.Units.gridUnit property int pageWidth: subsurfaceTheme.columnWidth - MobileComponents.Units.smallSpacing
ScrollView { ScrollView {
anchors.fill: parent anchors.fill: parent
@ -18,26 +18,20 @@ MobileComponents.Page {
MobileComponents.Heading { MobileComponents.Heading {
text: "About Subsurface-mobile" text: "About Subsurface-mobile"
Layout.margins: MobileComponents.Units.largeSpacing / 2
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: pageWidth Layout.maximumWidth: pageWidth
Layout.topMargin: MobileComponents.Units.gridUnit
wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
} }
Image {
Rectangle { id: image
color: "transparent" source: "qrc:/qml/subsurface-mobile-icon.png"
Layout.margins: MobileComponents.Units.largeSpacing width: pageWidth / 2
Layout.fillWidth: true height: width
height: childrenRect.height fillMode: Image.Stretch
Image { Layout.alignment: Qt.AlignCenter
id: image horizontalAlignment: Image.AlignHCenter
source: "qrc:/qml/subsurface-mobile-icon.png"
width: parent.width - MobileComponents.Units.largeSpacing
fillMode: Image.PreserveAspectFit
horizontalAlignment: Image.AlignHCenter
}
} }
MobileComponents.Heading { MobileComponents.Heading {
text: "A mobile version of the free Subsurface divelog software.\n" + text: "A mobile version of the free Subsurface divelog software.\n" +
"View your dive logs while on the go." "View your dive logs while on the go."