mifr/subsurface
1
0
Fork 0
mirror of https://github.com/subsurface/subsurface.git synced 2025-02-19 22:16:15 +00:00
Code Issues Projects Releases Packages Wiki Activity

QML UI: improve About screen

Browse source 
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
1 changed files with 10 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
qt-mobile/qml/About.qml
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
} }
Rectangle {
color: "transparent"
Layout.margins: MobileComponents.Units.largeSpacing
Layout.fillWidth: true
height: childrenRect.height
Image { Image {
id: image id: image
source: "qrc:/qml/subsurface-mobile-icon.png" source: "qrc:/qml/subsurface-mobile-icon.png"
width: parent.width - MobileComponents.Units.largeSpacing width: pageWidth / 2
fillMode: Image.PreserveAspectFit height: width
fillMode: Image.Stretch
Layout.alignment: Qt.AlignCenter
horizontalAlignment: Image.AlignHCenter 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."