mirror of
https://github.com/subsurface/subsurface.git
synced 2025-02-19 22:16:15 +00:00
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:
parent
aa4e3ba537
commit
6c9247b56b
1 changed files with 10 additions and 16 deletions
|
@ -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."
|
||||
|
|
Loading…
Add table
Reference in a new issue