sidebar: make ai and booru suggestion description clearer

2025-06-30 21:32:06 +02:00
parent 5ffcf98487
commit bf936cd0d7
6 changed files with 68 additions and 66 deletions
@@ -0,0 +1,55 @@
+import "root:/services"
+import "root:/modules/common"
+import "root:/modules/common/widgets"
+import QtQuick
+import QtQuick.Layouts
+
+Item { // Tag suggestion description
+    id: root
+    property alias text: tagDescriptionText.text
+
+    visible: tagDescriptionText.text.length > 0
+    Layout.fillWidth: true
+    implicitHeight: tagDescriptionBackground.implicitHeight
+
+    Rectangle {
+        id: tagDescriptionBackground
+        color: Appearance.colors.colLayer2
+        anchors.fill: parent
+        radius: Appearance.rounding.verysmall
+        implicitHeight: descriptionRow.implicitHeight + 5 * 2
+
+        RowLayout {
+            id: descriptionRow
+            spacing: 4
+            anchors {
+                fill: parent
+                leftMargin: 10
+                rightMargin: 10
+            }
+
+            StyledText {
+                id: tagDescriptionText
+                Layout.fillWidth: true
+                font.pixelSize: Appearance.font.pixelSize.smaller
+                color: Appearance.colors.colOnLayer2
+                wrapMode: Text.Wrap
+            }
+            KeyboardKey {
+                key: "↑"
+            }
+            KeyboardKey {
+                key: "↓"
+            }
+            StyledText {
+                text: qsTr("or")
+                font.pixelSize: Appearance.font.pixelSize.smaller
+            }
+            KeyboardKey {
+                id: tagDescriptionKey
+                key: "Tab"
+                Layout.alignment: Qt.AlignVCenter
+            }
+        }
+    }
+}