mirror of
https://github.com/subsurface/subsurface.git
synced 2024-11-28 21:20:19 +00:00
e4d27f27f0
I guess we are going with the Plasma Mobile influenced design after all Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
60 lines
1.7 KiB
QML
60 lines
1.7 KiB
QML
import QtQuick 2.3
|
|
import QtQuick.Controls 1.2
|
|
import QtQuick.Controls.Styles 1.2
|
|
import QtQuick.Window 2.2
|
|
import QtQuick.Dialogs 1.2
|
|
import QtQuick.Layouts 1.1
|
|
import QtQuick.Window 2.2
|
|
import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
|
|
import org.subsurfacedivelog.mobile 1.0
|
|
|
|
Rectangle {
|
|
id: topPart
|
|
|
|
property bool goBack: (stackView.depth > 1)
|
|
property double topMenuShrink: 0.6
|
|
|
|
color: subsurfaceTheme.accentColor
|
|
Layout.minimumHeight: Math.round(MobileComponents.Units.gridUnit * 2.5 * topMenuShrink)
|
|
Layout.fillWidth: true
|
|
Layout.margins: 0
|
|
RowLayout {
|
|
anchors.bottom: topPart.bottom
|
|
anchors.bottomMargin: MobileComponents.Units.smallSpacing
|
|
anchors.left: topPart.left
|
|
anchors.leftMargin: MobileComponents.Units.smallSpacing
|
|
anchors.right: topPart.right
|
|
anchors.rightMargin: MobileComponents.Units.smallSpacing
|
|
Item {
|
|
Layout.preferredHeight: subsurfaceLogo.height
|
|
Image {
|
|
id: subsurfaceLogo
|
|
source: "qrc:/qml/subsurface-mobile-icon.png"
|
|
anchors {
|
|
top: parent.top
|
|
topMargin: MobileComponents.Units.smallSpacing * -1
|
|
left: parent.left
|
|
}
|
|
width: Math.round(MobileComponents.Units.gridUnit * 1.7 * topMenuShrink)
|
|
height: width
|
|
}
|
|
MobileComponents.Label {
|
|
text: qsTr("Subsurface-mobile")
|
|
font.pointSize: Math.round(MobileComponents.Theme.defaultFont.pointSize * 1.3 * topMenuShrink)
|
|
height: subsurfaceLogo.height * 2 * topMenuShrink
|
|
anchors {
|
|
left: subsurfaceLogo.right
|
|
bottom: subsurfaceLogo.bottom
|
|
leftMargin: Math.round(MobileComponents.Units.gridUnit / 2)
|
|
}
|
|
font.weight: Font.Light
|
|
verticalAlignment: Text.AlignBottom
|
|
Layout.fillWidth: false
|
|
color: subsurfaceTheme.accentTextColor
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
}
|