Try smaller toggles
This commit is contained in:
@@ -296,6 +296,7 @@ Item {
|
|||||||
|
|
||||||
AppearancePill {
|
AppearancePill {
|
||||||
width: (parent.width - parent.spacing) / 2
|
width: (parent.width - parent.spacing) / 2
|
||||||
|
icon: ""
|
||||||
label: "Theme"
|
label: "Theme"
|
||||||
currentValue: root.themeName || "—"
|
currentValue: root.themeName || "—"
|
||||||
onClicked: {
|
onClicked: {
|
||||||
@@ -306,6 +307,7 @@ Item {
|
|||||||
|
|
||||||
AppearancePill {
|
AppearancePill {
|
||||||
width: (parent.width - parent.spacing) / 2
|
width: (parent.width - parent.spacing) / 2
|
||||||
|
icon: ""
|
||||||
label: "Background"
|
label: "Background"
|
||||||
currentValue: root.backgroundName || "—"
|
currentValue: root.backgroundName || "—"
|
||||||
onClicked: {
|
onClicked: {
|
||||||
@@ -336,6 +338,7 @@ Item {
|
|||||||
component AppearancePill: Rectangle {
|
component AppearancePill: Rectangle {
|
||||||
id: appearancePill
|
id: appearancePill
|
||||||
|
|
||||||
|
property string icon: ""
|
||||||
property string label: ""
|
property string label: ""
|
||||||
property string currentValue: "—"
|
property string currentValue: "—"
|
||||||
|
|
||||||
@@ -360,7 +363,7 @@ Item {
|
|||||||
spacing: 2
|
spacing: 2
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
text: appearancePill.label
|
text: appearancePill.icon.length > 0 ? appearancePill.icon + " " + appearancePill.label : appearancePill.label
|
||||||
color: root.bar.foreground
|
color: root.bar.foreground
|
||||||
font.family: root.bar.fontFamily
|
font.family: root.bar.fontFamily
|
||||||
font.pixelSize: 11
|
font.pixelSize: 11
|
||||||
@@ -402,50 +405,38 @@ Item {
|
|||||||
implicitHeight: 56
|
implicitHeight: 56
|
||||||
radius: 6
|
radius: 6
|
||||||
color: tileArea.containsMouse
|
color: tileArea.containsMouse
|
||||||
? Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, 0.16)
|
? Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, 0.12)
|
||||||
: (active ? Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, 0.10)
|
: Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, active ? 0.10 : 0.04)
|
||||||
: Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, 0.04))
|
border.color: active ? Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, 0.35) : Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, 0.12)
|
||||||
border.color: active ? root.bar.foreground : Qt.rgba(root.bar.foreground.r, root.bar.foreground.g, root.bar.foreground.b, 0.12)
|
|
||||||
border.width: 1
|
border.width: 1
|
||||||
opacity: tileEnabled ? 1 : 0.4
|
opacity: tileEnabled ? 1 : 0.4
|
||||||
|
|
||||||
Behavior on color { ColorAnimation { duration: 120 } }
|
Behavior on color { ColorAnimation { duration: 120 } }
|
||||||
|
|
||||||
Row {
|
Column {
|
||||||
anchors.fill: parent
|
anchors.left: parent.left
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.margins: 10
|
anchors.margins: 10
|
||||||
spacing: 8
|
spacing: 2
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
text: tile.glyph
|
text: tile.glyph.length > 0 ? tile.glyph + " " + tile.title : tile.title
|
||||||
color: root.bar.foreground
|
color: root.bar.foreground
|
||||||
font.family: root.bar.fontFamily
|
font.family: root.bar.fontFamily
|
||||||
font.pixelSize: 18
|
font.pixelSize: 11
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
font.bold: true
|
||||||
|
elide: Text.ElideRight
|
||||||
|
width: parent.width
|
||||||
}
|
}
|
||||||
|
|
||||||
Column {
|
Text {
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
text: tile.subtitle
|
||||||
spacing: 2
|
color: Qt.darker(root.bar.foreground, 1.35)
|
||||||
width: parent.width - parent.children[0].implicitWidth - 8
|
font.family: root.bar.fontFamily
|
||||||
|
font.pixelSize: 10
|
||||||
Text {
|
elide: Text.ElideRight
|
||||||
text: tile.title
|
width: parent.width
|
||||||
color: root.bar.foreground
|
|
||||||
font.family: root.bar.fontFamily
|
|
||||||
font.pixelSize: 11
|
|
||||||
font.bold: true
|
|
||||||
elide: Text.ElideRight
|
|
||||||
width: parent.width
|
|
||||||
}
|
|
||||||
Text {
|
|
||||||
text: tile.subtitle
|
|
||||||
color: Qt.darker(root.bar.foreground, 1.4)
|
|
||||||
font.family: root.bar.fontFamily
|
|
||||||
font.pixelSize: 10
|
|
||||||
elide: Text.ElideRight
|
|
||||||
width: parent.width
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user