baobeld/lux-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: baobeld:01f4ecf90f47bb0c4d3c3a9690ee04c0c6f3b7b8
Branches Tags
baobeld:main
baobeld:unify-windows
..
compare: baobeld:b75a2a12c752162af728bc0cd40a007956881545
Branches Tags
baobeld:main
baobeld:unify-windows

No commits in common. "01f4ecf90f47bb0c4d3c3a9690ee04c0c6f3b7b8" and "b75a2a12c752162af728bc0cd40a007956881545" have entirely different histories.
01f4ecf90f ... b75a2a12c7

4 changed files with 6 additions and 186 deletions
Show stats Expand all files Collapse all files

26
components/StyledDrawer.qml
View file

@ -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
}
}

26
components/StyledSlider.qml
View file

@ -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
}

38
components/StyledSwitch.qml
View file

@ -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
}
}
}

102
modules/storybook/Storybook.qml
View file

@ -26,8 +26,6 @@ StyledWindow {
id: rect id: rect
color: Theme.palette.base300 color: Theme.palette.base300
implicitWidth: 800
implicitHeight: 1200
leftMargin: 48 leftMargin: 48
rightMargin: 48 rightMargin: 48
topMargin: 24 topMargin: 24
@ -43,102 +41,14 @@ StyledWindow {
} }
ColumnLayout { ColumnLayout {
Button {
spacing: 12 id: toolTipButton
text: "Hello world!"
ColumnLayout { StyledToolTip {
StyledText { visible: toolTipButton.hovered
text: "Switch" text: qsTr("Save the active project")
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")
}
} }
} }
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()
} }
} }
} }