tab bar styling

This commit is contained in:
Faye Li 2017-02-23 12:36:27 -08:00
parent 8e89e07732
commit bd834097d5
2 changed files with 23 additions and 11 deletions

View file

@ -34,13 +34,13 @@ StackView {
height: 60
Tab {
title: "Create"
title: "CREATE"
active: true
enabled: true
property string originalUrl: ""
Rectangle {
color: "#383838"
color: "#404040"
Text {
color: "#ffffff"
@ -160,7 +160,7 @@ StackView {
}
Tab {
title: "List"
title: "LIST"
active: true
enabled: true
property string originalUrl: ""
@ -175,7 +175,7 @@ StackView {
}
Tab {
title: "Properties"
title: "PROPERTIES"
active: true
enabled: true
property string originalUrl: ""
@ -190,7 +190,7 @@ StackView {
}
Tab {
title: "Grid"
title: "GRID"
active: true
enabled: true
property string originalUrl: ""
@ -205,7 +205,7 @@ StackView {
}
Tab {
title: "Particles"
title: "P"
active: true
enabled: true
property string originalUrl: ""
@ -223,17 +223,29 @@ StackView {
style: TabViewStyle {
frameOverlap: 1
tab: Rectangle {
color: styleData.selected ? "slategrey" :"grey"
implicitWidth: text.width + 25
implicitHeight: 60
radius: 2
color: styleData.selected ? "#404040" :"black"
implicitWidth: text.width + 42
implicitHeight: 40
Text {
id: text
anchors.centerIn: parent
text: styleData.title
font.pixelSize: 16
font.bold: true
color: styleData.selected ? "white" : "white"
}
}
tabBar: Rectangle {
color: "black"
anchors.right: parent.right
anchors.rightMargin: 0
anchors.left: parent.left
anchors.leftMargin: 0
anchors.bottom: parent.bottom
anchors.bottomMargin: 0
anchors.top: parent.top
anchors.topMargin: 0
}
}
}
}

View file

@ -33,7 +33,7 @@ Item {
Rectangle {
id: buttonBg
color: "#222222"
color: "#1c1c1c"
opacity: 1
radius: 8
anchors.right: parent.right