From 0a1f52312876ddde0b29dca74708e97756b14505 Mon Sep 17 00:00:00 2001 From: talksik Date: Sun, 13 Apr 2025 13:11:27 -0700 Subject: [PATCH] style: format --- AppWarning.qml | 184 +++++++++++++++++++++++------------------------ gallery/Main.qml | 33 ++++++--- 2 files changed, 115 insertions(+), 102 deletions(-) diff --git a/AppWarning.qml b/AppWarning.qml index c0761a2..e109bde 100644 --- a/AppWarning.qml +++ b/AppWarning.qml @@ -3,101 +3,101 @@ import QtQuick.Controls import QtQuick.Layouts Rectangle { - id: warningAlert + id: warningAlert - // Customizable properties - property string alertTitle: "Warning" - property string alertMessage: "This is a warning message about a dangerous operation." - property bool showIcon: true - property bool closable: true - property bool showTitle: true + // Customizable properties + property string alertTitle: "Warning" + property string alertMessage: "This is a warning message about a dangerous operation." + property bool showIcon: true + property bool closable: true + property bool showTitle: true - // Size properties - implicitHeight: contentLayout.implicitHeight + 24 // Padding - radius: Theme.radius + // Size properties + implicitHeight: contentLayout.implicitHeight + 24 // Padding + radius: Theme.radius - // Warning style colors - already had these - color: "#fffbe6" // Light yellow background - border.color: "#ffe58f" // Yellow border - border.width: 1 + // Warning style colors - already had these + color: "#fffbe6" // Light yellow background + border.color: "#ffe58f" // Yellow border + border.width: 1 - RowLayout { - id: contentLayout - anchors { - left: parent.left - right: parent.right - top: parent.top - margins: 12 + RowLayout { + id: contentLayout + anchors { + left: parent.left + right: parent.right + top: parent.top + margins: 12 + } + spacing: 12 + + // Warning icon + Rectangle { + id: iconContainer + visible: showIcon + width: 16 + height: 16 + color: "transparent" + + Text { + anchors.centerIn: parent + text: "⚠️" + font.pixelSize: 16 + color: "#faad14" + } + } + + // Content area + ColumnLayout { + Layout.fillWidth: true + spacing: 4 + + // Title + Text { + id: titleText + visible: showTitle + text: alertTitle + font.bold: true + font.pixelSize: 14 + color: "#613400" + } + + // Message + Text { + id: messageText + text: alertMessage + wrapMode: Text.WordWrap + Layout.fillWidth: true + color: "#613400" + font.pixelSize: 12 + } + } + + // Close button + Rectangle { + id: closeButton + visible: closable + width: 16 + height: 16 + color: "transparent" + + Text { + anchors.centerIn: parent + text: "×" + font.pixelSize: 16 + color: "#613400" + } + + MouseArea { + anchors.fill: parent + cursorShape: Qt.PointingHandCursor + onClicked: warningAlert.visible = false + + // Hover effect + hoverEnabled: true + onEntered: closeButton.color = "#ffeeb5" + onExited: closeButton.color = "transparent" + } + } } - spacing: 12 - - // Warning icon - Rectangle { - id: iconContainer - visible: showIcon - width: 16 - height: 16 - color: "transparent" - - Text { - anchors.centerIn: parent - text: "⚠️" - font.pixelSize: 16 - color: "#faad14" - } - } - - // Content area - ColumnLayout { - Layout.fillWidth: true - spacing: 4 - - // Title - Text { - id: titleText - visible: showTitle - text: alertTitle - font.bold: true - font.pixelSize: 14 - color: "#613400" - } - - // Message - Text { - id: messageText - text: alertMessage - wrapMode: Text.WordWrap - Layout.fillWidth: true - color: "#613400" - font.pixelSize: 12 - } - } - - // Close button - Rectangle { - id: closeButton - visible: closable - width: 16 - height: 16 - color: "transparent" - - Text { - anchors.centerIn: parent - text: "×" - font.pixelSize: 16 - color: "#613400" - } - - MouseArea { - anchors.fill: parent - cursorShape: Qt.PointingHandCursor - onClicked: warningAlert.visible = false - - // Hover effect - hoverEnabled: true - onEntered: closeButton.color = "#ffeeb5" - onExited: closeButton.color = "transparent" - } - } - } } diff --git a/gallery/Main.qml b/gallery/Main.qml index 02fef45..7a8ff2b 100644 --- a/gallery/Main.qml +++ b/gallery/Main.qml @@ -122,25 +122,38 @@ AppWindow { } AppWarning { - Layout.fillWidth: true + Layout.fillWidth: true } AppMenu { - id: menu + 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 } + 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 {} + MenuSeparator {} - Action { text: "Hello" } + 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. + // 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" + onClicked: menu.open() + text: "Open menu" } } }