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

use pane on items

Browse source
This commit is contained in:
Benjamin Palko 2025-09-08 10:56:07 -04:00
parent 162f8f6b6f
commit a10c2f0254
2 changed files with 46 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
modules/storybook/Fields.qml
View file

@ -1,29 +1,42 @@
import qs.components
import qs.config
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
GridLayout {
flow: GridLayout.TopToBottom
columns: 2
rows: 10
ColumnLayout {
spacing: Styling.layout.spacing.xl
ColumnLayout {
StyledText {
text: "Button"
font.pixelSize: 18
}
StyledPane {
StyledButton {
text: "Button"
}
}
}
ColumnLayout {
StyledText {
text: "Icon Button"
font.pixelSize: 18
}
StyledPane {
StyledIconButton {
text: Styling.lucide.icons.square
}
}
}
ColumnLayout {
StyledText {
text: "Slider"
font.pixelSize: 18
}
StyledPane {
StyledSlider {
id: slider
from: 0
@ -32,3 +45,9 @@ GridLayout {
}
}
}
component FieldElement: QtObject {
property string title
property Component component
}
}

22
modules/storybook/Storybook.qml
View file

@ -27,15 +27,17 @@ StyledPanelWindow {
}
}
ColumnLayout {
Item {
id: layout
anchors.fill: parent
spacing: 0
StyledTabBar {
id: tabs
Layout.fillWidth: true
anchors.top: parent.top
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: stack.top
StyledTabButton {
text: "Fields"
}
@ -48,20 +50,26 @@ StyledPanelWindow {
}
StackLayout {
id: stack
anchors.top: tabs.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
currentIndex: tabs.currentIndex
ScrollView {
Layout.maximumHeight: 400
Layout.fillWidth: true
padding: 36
Fields {}
}
ScrollView {
Layout.maximumHeight: 400
padding: 36
Selectors {}
}
ScrollView {
Layout.maximumHeight: 400
Layout.fillWidth: true
padding: 36
Components {}
}