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