diff options
| author |  Rick Walsh <rickmwalsh@gmail.com> | 2016-01-20 22:47:58 +1100 |
|---|---|---|
| committer |  Dirk Hohndel <dirk@hohndel.org> | 2016-01-20 07:53:49 -0800 |
| commit | 471270437b47926afcdf1ff67ab817bc179b8bf4 (patch) | |
| tree | 3998dc3b800ead975c094487a89414ac6045ab23 /qt-mobile/qml/StartPage.qml | |
| parent | f3f79309d35b52788ea9b1ab0d5728c77b7eb330 (diff) | |
| download | subsurface-471270437b47926afcdf1ff67ab817bc179b8bf4.tar.gz | |
QML UI: make all buttons more attractive
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>
Diffstat (limited to 'qt-mobile/qml/StartPage.qml')
| -rw-r--r-- | qt-mobile/qml/StartPage.qml | 25 |
1 files changed, 3 insertions, 22 deletions
diff --git a/qt-mobile/qml/StartPage.qml b/qt-mobile/qml/StartPage.qml index 741a879a8..468415701 100644 --- a/qt-mobile/qml/StartPage.qml +++ b/qt-mobile/qml/StartPage.qml @@ -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 |