FlowyLabs/qt-designsystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add scroll to entire gallery view

Browse Source
This commit is contained in:
talksik
2025-04-13 13:13:42 -07:00
parent 0a1f523128
commit 09effac82f
1 changed files with 137 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files
gallery/Main.qml
+137 -135
View File
@@ -12,148 +12,150 @@ AppWindow {
height: 480 height: 480
visible: true visible: true
title: qsTr("flowy - gallery") title: qsTr("flowy - gallery")
ScrollView {
anchors.fill: parent
ColumnLayout {
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.margins: 10
ColumnLayout { AppLogo {}
anchors.left: parent.left
anchors.right: parent.right
anchors.top: parent.top
anchors.margins: 10
AppLogo {} Row {
spacing: 5
Row { AppPrimaryButton {
spacing: 5 text: "Toggle theme"
onClicked: {
AppPrimaryButton { Theme.toggleTheme();
text: "Toggle theme" }
onClicked: {
Theme.toggleTheme();
} }
AppSecondaryButton {
text: "Secondary"
}
AppGhostButton {
text: "Ghost"
}
AppIconButton {
source: "qrc:/live.flowy/imports/DesignSystem/app-icons/safari.svg"
useOriginalColor: true
}
AppIconButton {
source: "qrc:/live.flowy/imports/DesignSystem/icons/terminal-duotone.svg"
}
}
AppCard {
Column {
spacing: 10
AppText {
text: "This is a card"
}
AppCaption {
text: "Caption"
}
AppHeadline {
text: "Headline"
}
AppSubHeadline {
text: "SubHeadline"
}
AppLabel {
text: "Label"
}
}
}
Switch {}
AppSecondaryButton {
text: "Open message dialog"
onClicked: {
messageDialog.open();
}
}
MessageDialog {
id: messageDialog
buttons: MessageDialog.Ok
text: "The document has been modified."
}
AppComboBox {
model: ListModel {
id: model
ListElement {
text: "Banana"
}
ListElement {
text: "Apple"
}
ListElement {
text: "Coconut"
}
}
onAccepted: {
if (find(editText) === -1)
model.append({
text: editText
});
}
}
AppTextField {
placeholderText: qsTr("Enter name")
}
AppLink {
text: "flowy.live"
onClicked: {
Qt.openUrlExternally("https://flowy.live");
}
}
AppImage {
source: "https://storage.googleapis.com/flowy-assets/keypad/jr-korpa-9XngoIpxcEo-unsplash.jpg"
fillMode: Image.PreserveAspectCrop
height: 100
width: 100
radius: 20
}
AppWarning {
Layout.fillWidth: true
}
AppMenu {
id: menu
Action {
text: qsTr("Tool Bar")
checkable: true
}
Action {
text: qsTr("Side Bar")
checkable: true
checked: true
}
Action {
text: qsTr("Status Bar")
checkable: true
checked: true
}
MenuSeparator {}
Action {
text: "Hello"
}
// NOTE: MenuItem is not recommended as it isn't consistent with the menu theming. Please use Action until a fix is made.
} }
AppSecondaryButton { AppSecondaryButton {
text: "Secondary" onClicked: menu.open()
text: "Open menu"
} }
AppGhostButton {
text: "Ghost"
}
AppIconButton {
source: "qrc:/live.flowy/imports/DesignSystem/app-icons/safari.svg"
useOriginalColor: true
}
AppIconButton {
source: "qrc:/live.flowy/imports/DesignSystem/icons/terminal-duotone.svg"
}
}
AppCard {
Column {
spacing: 10
AppText {
text: "This is a card"
}
AppCaption {
text: "Caption"
}
AppHeadline {
text: "Headline"
}
AppSubHeadline {
text: "SubHeadline"
}
AppLabel {
text: "Label"
}
}
}
Switch {}
AppSecondaryButton {
text: "Open message dialog"
onClicked: {
messageDialog.open();
}
}
MessageDialog {
id: messageDialog
buttons: MessageDialog.Ok
text: "The document has been modified."
}
AppComboBox {
model: ListModel {
id: model
ListElement {
text: "Banana"
}
ListElement {
text: "Apple"
}
ListElement {
text: "Coconut"
}
}
onAccepted: {
if (find(editText) === -1)
model.append({
text: editText
});
}
}
AppTextField {
placeholderText: qsTr("Enter name")
}
AppLink {
text: "flowy.live"
onClicked: {
Qt.openUrlExternally("https://flowy.live");
}
}
AppImage {
source: "https://storage.googleapis.com/flowy-assets/keypad/jr-korpa-9XngoIpxcEo-unsplash.jpg"
fillMode: Image.PreserveAspectCrop
height: 100
width: 100
radius: 20
}
AppWarning {
Layout.fillWidth: true
}
AppMenu {
id: menu
Action {
text: qsTr("Tool Bar")
checkable: true
}
Action {
text: qsTr("Side Bar")
checkable: true
checked: true
}
Action {
text: qsTr("Status Bar")
checkable: true
checked: true
}
MenuSeparator {}
Action {
text: "Hello"
}
// NOTE: MenuItem is not recommended as it isn't consistent with the menu theming. Please use Action until a fix is made.
}
AppSecondaryButton {
onClicked: menu.open()
text: "Open menu"
} }
} }
} }