Compare commits
No commits in common. "d9bb01c6e8250ccb85e5d647146fc335f217e77e" and "2b6b9aee28305ab4e56bb9c34a73818984997215" have entirely different histories.
d9bb01c6e8
...
2b6b9aee28
3 changed files with 61 additions and 75 deletions
|
|
@ -5,7 +5,7 @@ import QtQuick.Controls
|
||||||
Pane {
|
Pane {
|
||||||
id: pane
|
id: pane
|
||||||
|
|
||||||
padding: 8
|
padding: 24
|
||||||
background: Rectangle {
|
background: Rectangle {
|
||||||
color: "transparent"
|
color: "transparent"
|
||||||
border.width: Styling.theme.border
|
border.width: Styling.theme.border
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,5 @@
|
||||||
import qs.components
|
import qs.components
|
||||||
import qs.config
|
import qs.config
|
||||||
import qs.services
|
|
||||||
import QtQuick
|
import QtQuick
|
||||||
import QtQuick.Controls
|
import QtQuick.Controls
|
||||||
import QtQuick.Layouts
|
import QtQuick.Layouts
|
||||||
|
|
@ -15,14 +14,12 @@ GridLayout {
|
||||||
text: "ToolTip"
|
text: "ToolTip"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledPane {
|
Button {
|
||||||
Button {
|
id: toolTipButton
|
||||||
id: toolTipButton
|
text: "Hello world!"
|
||||||
text: "Hello world!"
|
StyledToolTip {
|
||||||
StyledToolTip {
|
visible: toolTipButton.hovered
|
||||||
visible: toolTipButton.hovered
|
text: qsTr("Save the active project")
|
||||||
text: qsTr("Save the active project")
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -32,15 +29,13 @@ GridLayout {
|
||||||
text: "ProgressBar"
|
text: "ProgressBar"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledPane {
|
StyledProgressBar {
|
||||||
StyledProgressBar {
|
id: progressBar
|
||||||
id: progressBar
|
indeterminate: true
|
||||||
indeterminate: true
|
implicitHeight: 10
|
||||||
implicitHeight: 10
|
from: 0
|
||||||
from: 0
|
to: 100
|
||||||
to: 100
|
value: 50
|
||||||
value: 50
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -49,17 +44,15 @@ GridLayout {
|
||||||
text: "ListView"
|
text: "ListView"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledPane {
|
StyledWrapperRectangle {
|
||||||
StyledWrapperRectangle {
|
border.color: Styling.theme.base100
|
||||||
border.color: Styling.theme.base100
|
border.width: 2
|
||||||
border.width: 2
|
StyledListView {
|
||||||
StyledListView {
|
implicitWidth: 200
|
||||||
implicitWidth: 200
|
implicitHeight: 100
|
||||||
implicitHeight: 100
|
model: 10
|
||||||
model: 10
|
delegate: StyledText {
|
||||||
delegate: StyledText {
|
text: "Hello world!"
|
||||||
text: "Hello world!"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -70,9 +63,7 @@ GridLayout {
|
||||||
text: "Mpris Player Selector"
|
text: "Mpris Player Selector"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledPane {
|
MprisPlayerSelector {}
|
||||||
MprisPlayerSelector {}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
|
|
@ -80,10 +71,8 @@ GridLayout {
|
||||||
text: "Mpris Controller"
|
text: "Mpris Controller"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledPane {
|
MprisController {
|
||||||
MprisController {
|
player: Mpris.active ?? null
|
||||||
player: Mpris.active ?? null
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -92,43 +81,41 @@ GridLayout {
|
||||||
text: "Drawer"
|
text: "Drawer"
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
StyledPane {
|
RowLayout {
|
||||||
RowLayout {
|
Button {
|
||||||
Button {
|
text: "Top"
|
||||||
text: "Top"
|
onClicked: {
|
||||||
onClicked: {
|
drawer.x = root.width / 2 - drawer.width / 2;
|
||||||
drawer.x = root.width / 2 - drawer.width / 2;
|
drawer.y = 0;
|
||||||
drawer.y = 0;
|
drawer.edge = Qt.TopEdge;
|
||||||
drawer.edge = Qt.TopEdge;
|
drawer.open();
|
||||||
drawer.open();
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
Button {
|
}
|
||||||
text: "Left"
|
Button {
|
||||||
onClicked: {
|
text: "Left"
|
||||||
drawer.y = root.height / 2 - drawer.height / 2;
|
onClicked: {
|
||||||
drawer.x = 0;
|
drawer.y = root.height / 2 - drawer.height / 2;
|
||||||
drawer.edge = Qt.LeftEdge;
|
drawer.x = 0;
|
||||||
drawer.open();
|
drawer.edge = Qt.LeftEdge;
|
||||||
}
|
drawer.open();
|
||||||
}
|
}
|
||||||
Button {
|
}
|
||||||
text: "Right"
|
Button {
|
||||||
onClicked: {
|
text: "Right"
|
||||||
drawer.y = root.height / 2 - drawer.height / 2;
|
onClicked: {
|
||||||
drawer.x = 0;
|
drawer.y = root.height / 2 - drawer.height / 2;
|
||||||
drawer.edge = Qt.RightEdge;
|
drawer.x = 0;
|
||||||
drawer.open();
|
drawer.edge = Qt.RightEdge;
|
||||||
}
|
drawer.open();
|
||||||
}
|
}
|
||||||
Button {
|
}
|
||||||
text: "Bottom"
|
Button {
|
||||||
onClicked: {
|
text: "Bottom"
|
||||||
drawer.x = root.width / 2 - drawer.width / 2;
|
onClicked: {
|
||||||
drawer.y = 0;
|
drawer.x = root.width / 2 - drawer.width / 2;
|
||||||
drawer.edge = Qt.BottomEdge;
|
drawer.y = 0;
|
||||||
drawer.open();
|
drawer.edge = Qt.BottomEdge;
|
||||||
}
|
drawer.open();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
import qs.components
|
import qs.components
|
||||||
|
import qs.config
|
||||||
import QtQuick
|
import QtQuick
|
||||||
import QtQuick.Layouts
|
import QtQuick.Layouts
|
||||||
|
|
||||||
|
|
@ -13,10 +14,8 @@ GridLayout {
|
||||||
font.pixelSize: 18
|
font.pixelSize: 18
|
||||||
}
|
}
|
||||||
|
|
||||||
StyledPane {
|
StyledSwitch {
|
||||||
StyledSwitch {
|
text: "Enable"
|
||||||
text: "Enable"
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue