diff --git a/components/StyledSwitch.qml b/components/StyledSwitch.qml index e83fb24..b17c6d2 100644 --- a/components/StyledSwitch.qml +++ b/components/StyledSwitch.qml @@ -6,13 +6,13 @@ Switch { id: control indicator: Item { implicitWidth: 48 - implicitHeight: 26 + implicitHeight: 22 Rectangle { implicitWidth: parent.width implicitHeight: parent.height - 4 x: control.leftPadding y: parent.height / 2 - height / 2 - radius: 8 + radius: 6 color: control.checked ? Theme.palette.primary : Theme.palette.base100 Behavior on color { ColorAnimation { @@ -29,9 +29,9 @@ Switch { duration: 150 } } - width: 26 - height: 26 - radius: 8 + width: 22 + height: 22 + radius: 6 color: Theme.palette.basecontent } } diff --git a/modules/storybook/Storybook.qml b/modules/storybook/Storybook.qml index 402c3b9..1647923 100644 --- a/modules/storybook/Storybook.qml +++ b/modules/storybook/Storybook.qml @@ -26,12 +26,7 @@ StyledWindow { id: rect color: Theme.palette.base300 - implicitWidth: 800 - implicitHeight: 1200 - leftMargin: 48 - rightMargin: 48 - topMargin: 24 - bottomMargin: 24 + margin: 48 radius: 8 HyprlandFocusGrab { @@ -46,6 +41,13 @@ StyledWindow { spacing: 12 + StyledText { + Layout.alignment: Qt.AlignHCenter + text: "Components" + font.pixelSize: 24 + bottomPadding: 24 + } + ColumnLayout { StyledText { text: "Switch"