mirror of
https://github.com/subsurface/subsurface.git
synced 2024-12-03 15:43:09 +00:00
QML UI: simplify and correct top bar layout
Now things are centered and reasonably well spaced Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
parent
e4d27f27f0
commit
3413dfc3aa
1 changed files with 8 additions and 17 deletions
|
@ -11,44 +11,35 @@ import org.subsurfacedivelog.mobile 1.0
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id: topPart
|
id: topPart
|
||||||
|
|
||||||
property bool goBack: (stackView.depth > 1)
|
|
||||||
property double topMenuShrink: 0.6
|
|
||||||
|
|
||||||
color: subsurfaceTheme.accentColor
|
color: subsurfaceTheme.accentColor
|
||||||
Layout.minimumHeight: Math.round(MobileComponents.Units.gridUnit * 2.5 * topMenuShrink)
|
Layout.minimumHeight: Math.round(MobileComponents.Units.gridUnit * 1.5)
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.margins: 0
|
Layout.margins: 0
|
||||||
RowLayout {
|
RowLayout {
|
||||||
anchors.bottom: topPart.bottom
|
anchors.verticalCenter: topPart.verticalCenter
|
||||||
anchors.bottomMargin: MobileComponents.Units.smallSpacing
|
|
||||||
anchors.left: topPart.left
|
|
||||||
anchors.leftMargin: MobileComponents.Units.smallSpacing
|
|
||||||
anchors.right: topPart.right
|
|
||||||
anchors.rightMargin: MobileComponents.Units.smallSpacing
|
|
||||||
Item {
|
Item {
|
||||||
Layout.preferredHeight: subsurfaceLogo.height
|
Layout.preferredHeight: subsurfaceLogo.height
|
||||||
|
Layout.leftMargin: MobileComponents.Units.gridUnit / 4
|
||||||
Image {
|
Image {
|
||||||
id: subsurfaceLogo
|
id: subsurfaceLogo
|
||||||
source: "qrc:/qml/subsurface-mobile-icon.png"
|
source: "qrc:/qml/subsurface-mobile-icon.png"
|
||||||
anchors {
|
anchors {
|
||||||
top: parent.top
|
verticalCenter: parent.Center
|
||||||
topMargin: MobileComponents.Units.smallSpacing * -1
|
|
||||||
left: parent.left
|
left: parent.left
|
||||||
}
|
}
|
||||||
width: Math.round(MobileComponents.Units.gridUnit * 1.7 * topMenuShrink)
|
width: Math.round(MobileComponents.Units.gridUnit)
|
||||||
height: width
|
height: width
|
||||||
}
|
}
|
||||||
MobileComponents.Label {
|
MobileComponents.Label {
|
||||||
text: qsTr("Subsurface-mobile")
|
text: qsTr("Subsurface-mobile")
|
||||||
font.pointSize: Math.round(MobileComponents.Theme.defaultFont.pointSize * 1.3 * topMenuShrink)
|
font.pointSize: Math.round(MobileComponents.Theme.defaultFont.pointSize)
|
||||||
height: subsurfaceLogo.height * 2 * topMenuShrink
|
height: subsurfaceLogo.height
|
||||||
anchors {
|
anchors {
|
||||||
left: subsurfaceLogo.right
|
left: subsurfaceLogo.right
|
||||||
bottom: subsurfaceLogo.bottom
|
|
||||||
leftMargin: Math.round(MobileComponents.Units.gridUnit / 2)
|
leftMargin: Math.round(MobileComponents.Units.gridUnit / 2)
|
||||||
}
|
}
|
||||||
font.weight: Font.Light
|
font.weight: Font.Light
|
||||||
verticalAlignment: Text.AlignBottom
|
verticalAlignment: Text.AlignVCenter
|
||||||
Layout.fillWidth: false
|
Layout.fillWidth: false
|
||||||
color: subsurfaceTheme.accentTextColor
|
color: subsurfaceTheme.accentTextColor
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue