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: make all buttons more attractive

Browse source 
Commit f3f7930 introduced a more attractive button style to the start page.
This patch turns it into its own type so it can easily be used everywhere.

Signed-off-by: Rick Walsh <rickmwalsh@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
This commit is contained in:
Rick Walsh 2016-01-20 22:47:58 +11:00 • committed by Dirk Hohndel
parent f3f79309d3
commit 471270437b
8 changed files with 40 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

25
qt-mobile/qml/StartPage.qml
View file

@ -6,22 +6,6 @@ import org.kde.plasma.mobilecomponents 0.2 as MobileComponents
import org.subsurfacedivelog.mobile 1.0
Item {
property var subsurfaceButton: Component {
ButtonStyle {
background: Rectangle {
border.width: 1
radius: height / 3
color: subsurfaceTheme.accentColor
}
label: Text{
text: control.text
color: subsurfaceTheme.accentTextColor
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter
}
}
}
ColumnLayout {
id: startpage
anchors.fill: parent
@ -42,8 +26,7 @@ Item {
wrapMode: Text.WordWrap
Layout.columnSpan: 2
}
Button {
style: subsurfaceButton
SubsurfaceButton {
id: cloudstorageButton
Layout.bottomMargin: MobileComponents.Units.largeSpacing
Layout.preferredWidth: startpage.buttonWidth
@ -53,8 +36,7 @@ Item {
stackView.push(cloudCredWindow)
}
}
Button {
style: subsurfaceButton
SubsurfaceButton {
id: computerButton
Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: MobileComponents.Units.largeSpacing
@ -64,8 +46,7 @@ Item {
stackView.push(downloadDivesWindow)
}
}
Button {
style: subsurfaceButton
SubsurfaceButton {
id: manualButton
Layout.preferredWidth: startpage.buttonWidth
Layout.bottomMargin: MobileComponents.Units.largeSpacing