diff --git a/modules/storybook/Components.qml b/modules/storybook/Components.qml index d2b4d20..f0a21e9 100644 --- a/modules/storybook/Components.qml +++ b/modules/storybook/Components.qml @@ -1,5 +1,6 @@ import qs.components import qs.config +import qs.services import QtQuick import QtQuick.Controls import QtQuick.Layouts @@ -14,12 +15,14 @@ GridLayout { text: "ToolTip" font.pixelSize: 18 } - Button { - id: toolTipButton - text: "Hello world!" - StyledToolTip { - visible: toolTipButton.hovered - text: qsTr("Save the active project") + StyledPane { + Button { + id: toolTipButton + text: "Hello world!" + StyledToolTip { + visible: toolTipButton.hovered + text: qsTr("Save the active project") + } } } } @@ -29,13 +32,15 @@ GridLayout { text: "ProgressBar" font.pixelSize: 18 } - StyledProgressBar { - id: progressBar - indeterminate: true - implicitHeight: 10 - from: 0 - to: 100 - value: 50 + StyledPane { + StyledProgressBar { + id: progressBar + indeterminate: true + implicitHeight: 10 + from: 0 + to: 100 + value: 50 + } } } @@ -44,15 +49,17 @@ GridLayout { text: "ListView" font.pixelSize: 18 } - StyledWrapperRectangle { - border.color: Styling.theme.base100 - border.width: 2 - StyledListView { - implicitWidth: 200 - implicitHeight: 100 - model: 10 - delegate: StyledText { - text: "Hello world!" + StyledPane { + StyledWrapperRectangle { + border.color: Styling.theme.base100 + border.width: 2 + StyledListView { + implicitWidth: 200 + implicitHeight: 100 + model: 10 + delegate: StyledText { + text: "Hello world!" + } } } } @@ -63,7 +70,9 @@ GridLayout { text: "Mpris Player Selector" font.pixelSize: 18 } - MprisPlayerSelector {} + StyledPane { + MprisPlayerSelector {} + } } ColumnLayout { @@ -71,8 +80,10 @@ GridLayout { text: "Mpris Controller" font.pixelSize: 18 } - MprisController { - player: Mpris.active ?? null + StyledPane { + MprisController { + player: Mpris.active ?? null + } } } @@ -81,41 +92,43 @@ GridLayout { text: "Drawer" font.pixelSize: 18 } - RowLayout { - Button { - text: "Top" - onClicked: { - drawer.x = root.width / 2 - drawer.width / 2; - drawer.y = 0; - drawer.edge = Qt.TopEdge; - drawer.open(); + StyledPane { + RowLayout { + Button { + text: "Top" + onClicked: { + drawer.x = root.width / 2 - drawer.width / 2; + drawer.y = 0; + drawer.edge = Qt.TopEdge; + drawer.open(); + } } - } - Button { - text: "Left" - onClicked: { - drawer.y = root.height / 2 - drawer.height / 2; - drawer.x = 0; - drawer.edge = Qt.LeftEdge; - drawer.open(); + Button { + text: "Left" + onClicked: { + drawer.y = root.height / 2 - drawer.height / 2; + drawer.x = 0; + drawer.edge = Qt.LeftEdge; + drawer.open(); + } } - } - Button { - text: "Right" - onClicked: { - drawer.y = root.height / 2 - drawer.height / 2; - drawer.x = 0; - drawer.edge = Qt.RightEdge; - drawer.open(); + Button { + text: "Right" + onClicked: { + drawer.y = root.height / 2 - drawer.height / 2; + drawer.x = 0; + drawer.edge = Qt.RightEdge; + drawer.open(); + } } - } - Button { - text: "Bottom" - onClicked: { - drawer.x = root.width / 2 - drawer.width / 2; - drawer.y = 0; - drawer.edge = Qt.BottomEdge; - drawer.open(); + Button { + text: "Bottom" + onClicked: { + drawer.x = root.width / 2 - drawer.width / 2; + drawer.y = 0; + drawer.edge = Qt.BottomEdge; + drawer.open(); + } } } } diff --git a/modules/storybook/Selectors.qml b/modules/storybook/Selectors.qml index ed22c03..002de46 100644 --- a/modules/storybook/Selectors.qml +++ b/modules/storybook/Selectors.qml @@ -1,5 +1,4 @@ import qs.components -import qs.config import QtQuick import QtQuick.Layouts @@ -14,8 +13,10 @@ GridLayout { font.pixelSize: 18 } - StyledSwitch { - text: "Enable" + StyledPane { + StyledSwitch { + text: "Enable" + } } } }