diff --git a/components/StyledDrawer.qml b/components/StyledDrawer.qml deleted file mode 100644 index aae1b15..0000000 --- a/components/StyledDrawer.qml +++ /dev/null @@ -1,26 +0,0 @@ -import qs.config -import QtQuick -import QtQuick.Controls - -Drawer { - id: control - dim: false - background: Rectangle { - Component.onCompleted: { - if (control.edge == Qt.TopEdge) { - bottomLeftRadius = 8; - bottomRightRadius = 8; - } else if (control.edge == Qt.LeftEdge) { - topRightRadius = 8; - bottomRightRadius = 8; - } else if (control.edge == Qt.RightEdge) { - topLeftRadius = 8; - bottomLeftRadius = 8; - } else if (control.edge == Qt.BottomEdge) { - topLeftRadius = 8; - topRightRadius = 8; - } - } - color: Theme.palette.base200 - } -} diff --git a/components/StyledSlider.qml b/components/StyledSlider.qml deleted file mode 100644 index 343cc6e..0000000 --- a/components/StyledSlider.qml +++ /dev/null @@ -1,26 +0,0 @@ -import qs.config -import QtQuick -import QtQuick.Controls - -Slider { - id: control - - background: Rectangle { - x: control.leftPadding - y: control.topPadding + control.availableHeight / 2 - height / 2 - implicitWidth: 200 - implicitHeight: 24 - width: control.availableWidth - height: implicitHeight - radius: 8 - color: Theme.palette.base100 - - Rectangle { - width: control.visualPosition * parent.width - height: parent.height - color: Theme.palette.primary - radius: 8 - } - } - handle: null -} diff --git a/components/StyledSwitch.qml b/components/StyledSwitch.qml deleted file mode 100644 index e83fb24..0000000 --- a/components/StyledSwitch.qml +++ /dev/null @@ -1,38 +0,0 @@ -import qs.config -import QtQuick -import QtQuick.Controls - -Switch { - id: control - indicator: Item { - implicitWidth: 48 - implicitHeight: 26 - Rectangle { - implicitWidth: parent.width - implicitHeight: parent.height - 4 - x: control.leftPadding - y: parent.height / 2 - height / 2 - radius: 8 - color: control.checked ? Theme.palette.primary : Theme.palette.base100 - Behavior on color { - ColorAnimation { - duration: 150 - } - } - } - - Rectangle { - x: control.checked ? parent.width - 3 * width / 4 : width / 4 - y: parent.height / 2 - height / 2 - Behavior on x { - NumberAnimation { - duration: 150 - } - } - width: 26 - height: 26 - radius: 8 - color: Theme.palette.basecontent - } - } -} diff --git a/modules/storybook/Storybook.qml b/modules/storybook/Storybook.qml index f2565dc..d0d91cb 100644 --- a/modules/storybook/Storybook.qml +++ b/modules/storybook/Storybook.qml @@ -26,8 +26,6 @@ StyledWindow { id: rect color: Theme.palette.base300 - implicitWidth: 800 - implicitHeight: 1200 leftMargin: 48 rightMargin: 48 topMargin: 24 @@ -43,102 +41,14 @@ StyledWindow { } ColumnLayout { - - spacing: 12 - - ColumnLayout { - StyledText { - text: "Switch" - font.pixelSize: 18 - } - StyledSwitch {} - } - - ColumnLayout { - StyledText { - text: "ToolTip" - font.pixelSize: 18 - } - 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") } } - - ColumnLayout { - StyledText { - text: "Slider" - font.pixelSize: 18 - } - StyledSlider { - id: slider - from: 0 - to: 100 - value: 50 - } - } - - ColumnLayout { - StyledText { - 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(); - } - } - 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: "Bottom" - onClicked: { - drawer.x = root.width / 2 - drawer.width / 2; - drawer.y = 0; - drawer.edge = Qt.BottomEdge; - drawer.open(); - } - } - } - } - } - } - - StyledDrawer { - id: drawer - edge: Qt.TopEdge - width: 400 - height: 200 - Button { - anchors.horizontalCenter: parent.horizontalCenter - anchors.verticalCenter: parent.verticalCenter - text: "Close" - onClicked: drawer.close() } } }