style: format
This commit is contained in:
+86
-78
@@ -14,96 +14,104 @@ AppWindow {
|
||||
title: qsTr("flowy - gallery")
|
||||
|
||||
ColumnLayout {
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
anchors.top: parent.top
|
||||
anchors.margins: 10
|
||||
anchors.left: parent.left
|
||||
anchors.right: parent.right
|
||||
anchors.top: parent.top
|
||||
anchors.margins: 10
|
||||
|
||||
AppLogo {}
|
||||
AppLogo {}
|
||||
|
||||
Row {
|
||||
spacing: 5
|
||||
Row {
|
||||
spacing: 5
|
||||
|
||||
AppPrimaryButton {
|
||||
text: "Toggle theme"
|
||||
onClicked: {
|
||||
Theme.toggleTheme()
|
||||
}
|
||||
AppPrimaryButton {
|
||||
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: "Secondary"
|
||||
text: "Open message dialog"
|
||||
onClicked: {
|
||||
messageDialog.open();
|
||||
}
|
||||
}
|
||||
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"
|
||||
}
|
||||
MessageDialog {
|
||||
id: messageDialog
|
||||
buttons: MessageDialog.Ok
|
||||
text: "The document has been modified."
|
||||
}
|
||||
}
|
||||
|
||||
Switch {}
|
||||
|
||||
AppSecondaryButton {
|
||||
text: "Open message dialog"
|
||||
onClicked: {
|
||||
messageDialog.open()
|
||||
AppComboBox {
|
||||
model: ListModel {
|
||||
id: model
|
||||
ListElement {
|
||||
text: "Banana"
|
||||
}
|
||||
ListElement {
|
||||
text: "Apple"
|
||||
}
|
||||
ListElement {
|
||||
text: "Coconut"
|
||||
}
|
||||
}
|
||||
onAccepted: {
|
||||
if (find(editText) === -1)
|
||||
model.append({
|
||||
text: editText
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
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" }
|
||||
AppTextField {
|
||||
placeholderText: qsTr("Enter name")
|
||||
}
|
||||
onAccepted: {
|
||||
if (find(editText) === -1)
|
||||
model.append({text: editText})
|
||||
|
||||
AppImage {
|
||||
source: "https://storage.googleapis.com/flowy-assets/keypad/jr-korpa-9XngoIpxcEo-unsplash.jpg"
|
||||
fillMode: Image.PreserveAspectCrop
|
||||
height: 100
|
||||
width: 100
|
||||
radius: 20
|
||||
}
|
||||
}
|
||||
|
||||
AppTextField {
|
||||
placeholderText: qsTr("Enter name")
|
||||
}
|
||||
|
||||
AppImage {
|
||||
source: "https://storage.googleapis.com/flowy-assets/keypad/jr-korpa-9XngoIpxcEo-unsplash.jpg"
|
||||
fillMode: Image.PreserveAspectCrop
|
||||
height: 100
|
||||
width: 100
|
||||
radius: 20
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user