Compare commits

...

2 commits

Author SHA1 Message Date
Benjamin Palko
d9bb01c6e8 reduce default padding 2025-09-11 17:08:21 -04:00
Benjamin Palko
8104e3c099 wrap all items in pane 2025-09-11 17:05:14 -04:00
3 changed files with 75 additions and 61 deletions

View file

@ -5,7 +5,7 @@ import QtQuick.Controls
Pane { Pane {
id: pane id: pane
padding: 24 padding: 8
background: Rectangle { background: Rectangle {
color: "transparent" color: "transparent"
border.width: Styling.theme.border border.width: Styling.theme.border

View file

@ -1,5 +1,6 @@
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
@ -14,12 +15,14 @@ GridLayout {
text: "ToolTip" text: "ToolTip"
font.pixelSize: 18 font.pixelSize: 18
} }
Button { StyledPane {
id: toolTipButton Button {
text: "Hello world!" id: toolTipButton
StyledToolTip { text: "Hello world!"
visible: toolTipButton.hovered StyledToolTip {
text: qsTr("Save the active project") visible: toolTipButton.hovered
text: qsTr("Save the active project")
}
} }
} }
} }
@ -29,13 +32,15 @@ GridLayout {
text: "ProgressBar" text: "ProgressBar"
font.pixelSize: 18 font.pixelSize: 18
} }
StyledProgressBar { StyledPane {
id: progressBar StyledProgressBar {
indeterminate: true id: progressBar
implicitHeight: 10 indeterminate: true
from: 0 implicitHeight: 10
to: 100 from: 0
value: 50 to: 100
value: 50
}
} }
} }
@ -44,15 +49,17 @@ GridLayout {
text: "ListView" text: "ListView"
font.pixelSize: 18 font.pixelSize: 18
} }
StyledWrapperRectangle { StyledPane {
border.color: Styling.theme.base100 StyledWrapperRectangle {
border.width: 2 border.color: Styling.theme.base100
StyledListView { border.width: 2
implicitWidth: 200 StyledListView {
implicitHeight: 100 implicitWidth: 200
model: 10 implicitHeight: 100
delegate: StyledText { model: 10
text: "Hello world!" delegate: StyledText {
text: "Hello world!"
}
} }
} }
} }
@ -63,7 +70,9 @@ GridLayout {
text: "Mpris Player Selector" text: "Mpris Player Selector"
font.pixelSize: 18 font.pixelSize: 18
} }
MprisPlayerSelector {} StyledPane {
MprisPlayerSelector {}
}
} }
ColumnLayout { ColumnLayout {
@ -71,8 +80,10 @@ GridLayout {
text: "Mpris Controller" text: "Mpris Controller"
font.pixelSize: 18 font.pixelSize: 18
} }
MprisController { StyledPane {
player: Mpris.active ?? null MprisController {
player: Mpris.active ?? null
}
} }
} }
@ -81,41 +92,43 @@ GridLayout {
text: "Drawer" text: "Drawer"
font.pixelSize: 18 font.pixelSize: 18
} }
RowLayout { StyledPane {
Button { RowLayout {
text: "Top" Button {
onClicked: { text: "Top"
drawer.x = root.width / 2 - drawer.width / 2; onClicked: {
drawer.y = 0; drawer.x = root.width / 2 - drawer.width / 2;
drawer.edge = Qt.TopEdge; drawer.y = 0;
drawer.open(); drawer.edge = Qt.TopEdge;
drawer.open();
}
} }
} Button {
Button { text: "Left"
text: "Left" onClicked: {
onClicked: { drawer.y = root.height / 2 - drawer.height / 2;
drawer.y = root.height / 2 - drawer.height / 2; drawer.x = 0;
drawer.x = 0; drawer.edge = Qt.LeftEdge;
drawer.edge = Qt.LeftEdge; drawer.open();
drawer.open(); }
} }
} Button {
Button { text: "Right"
text: "Right" onClicked: {
onClicked: { drawer.y = root.height / 2 - drawer.height / 2;
drawer.y = root.height / 2 - drawer.height / 2; drawer.x = 0;
drawer.x = 0; drawer.edge = Qt.RightEdge;
drawer.edge = Qt.RightEdge; drawer.open();
drawer.open(); }
} }
} Button {
Button { text: "Bottom"
text: "Bottom" 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.BottomEdge;
drawer.edge = Qt.BottomEdge; drawer.open();
drawer.open(); }
} }
} }
} }

View file

@ -1,5 +1,4 @@
import qs.components import qs.components
import qs.config
import QtQuick import QtQuick
import QtQuick.Layouts import QtQuick.Layouts
@ -14,8 +13,10 @@ GridLayout {
font.pixelSize: 18 font.pixelSize: 18
} }
StyledSwitch { StyledPane {
text: "Enable" StyledSwitch {
text: "Enable"
}
} }
} }
} }