Compare commits

..

No commits in common. "d9bb01c6e8250ccb85e5d647146fc335f217e77e" and "2b6b9aee28305ab4e56bb9c34a73818984997215" have entirely different histories.

3 changed files with 61 additions and 75 deletions

View file

@ -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

View file

@ -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();
} }
} }
} }

View file

@ -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"
}
} }
} }
} }