subsurface/qt-mobile/qml/TopBar.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

	color: subsurfaceTheme.accentColor
	Layout.minimumHeight: Math.round(MobileComponents.Units.gridUnit * 1.5)
	Layout.fillWidth: true
	Layout.margins: 0
	RowLayout {
		anchors.verticalCenter: topPart.verticalCenter
		Item {
			Layout.preferredHeight: subsurfaceLogo.height
			Layout.leftMargin: MobileComponents.Units.gridUnit / 4
			Image {
				id: subsurfaceLogo
				source: "qrc:/qml/subsurface-mobile-icon.png"
				anchors {
					verticalCenter: parent.Center
					left: parent.left
				}
				width: Math.round(MobileComponents.Units.gridUnit)
				height: width
			}
			MobileComponents.Label {
				text: qsTr("Subsurface-mobile")
				font.pointSize: Math.round(MobileComponents.Theme.defaultFont.pointSize)
				height: subsurfaceLogo.height
				anchors {
					left: subsurfaceLogo.right
					leftMargin: Math.round(MobileComponents.Units.gridUnit / 2)
				}
				font.weight: Font.Light
				verticalAlignment: Text.AlignVCenter
				Layout.fillWidth: false
				color: subsurfaceTheme.accentTextColor
			}
		}
		Item {
			Layout.fillWidth: true
		}
	}
}