fix responsive ui

1 files changed, 13 insertions, 11 deletions

diff --git a/raveos-sddm-theme/sddm-rave-theme/Components/KeyboardLayoutIndicator.qml b/raveos-sddm-theme/sddm-rave-theme/Components/KeyboardLayoutIndicator.qml
index 0fb03be..cd1f73d 100644
--- a/raveos-sddm-theme/sddm-rave-theme/Components/KeyboardLayoutIndicator.qml
+++ b/raveos-sddm-theme/sddm-rave-theme/Components/KeyboardLayoutIndicator.qml
@@ -130,6 +130,8 @@ Item {
             font.pointSize: root.font.pointSize * 0.82
             font.family:      root.font.family
             font.bold:        true
+            style: Text.Raised
+            styleColor: Qt.rgba(0, 0, 0, 0.40)
         }
     }
 
@@ -148,21 +150,21 @@ Item {
 
     Popup {
         id: layoutPopup
-        y: parent.height + 5
+        y: parent.height + root.font.pointSize * 0.4
         x: -width / 2 + parent.width / 2
-        width: Math.max(160, layoutRow.width * 1.5)
-        padding: 5
+        width: Math.max(root.font.pointSize * 12, layoutRow.width * 1.5)
+        padding: root.font.pointSize * 0.4
         
         background: Rectangle {
-            radius: config.RoundCorners !== "" ? parseInt(config.RoundCorners) / 2 : 10
+            radius: config.RoundCorners !== "" ? parseInt(config.RoundCorners) / 2 : root.font.pointSize * 0.8
             color: config.BackgroundColor || "#1a1a1a"
             border.color: Qt.rgba(1, 1, 1, 0.20)
-            border.width: 1
+            border.width: root.font.pointSize * 0.08
         }
         
         contentItem: ListView {
             id: layoutListView
-            implicitHeight: Math.min(200, contentHeight)
+            implicitHeight: Math.min(root.font.pointSize * 15, contentHeight)
             clip: true
             model: layoutsCount
             ScrollIndicator.vertical: ScrollIndicator { }
@@ -172,7 +174,7 @@ Item {
                 width: parent.width
                 height: root.font.pointSize * 2
                 color: delegateMouse.containsMouse ? Qt.rgba(1, 1, 1, 0.15) : "transparent"
-                radius: config.RoundCorners !== "" ? parseInt(config.RoundCorners) / 4 : 5
+                radius: config.RoundCorners !== "" ? parseInt(config.RoundCorners) / 4 : root.font.pointSize * 0.4
                 
                 // Get layout object safely
                 property var layoutObj: (typeof keyboard !== "undefined" && keyboard && keyboard.layouts) ? keyboard.layouts[index] : null
@@ -180,10 +182,10 @@ Item {
                 property string longName: layoutObj && layoutObj.longName ? layoutObj.longName : ""
                 
                 Row {
-                    spacing: 8
+                    spacing: root.font.pointSize * 0.6
                     anchors.fill: parent
-                    anchors.leftMargin: 10
-                    anchors.rightMargin: 10
+                    anchors.leftMargin: root.font.pointSize * 0.8
+                    anchors.rightMargin: root.font.pointSize * 0.8
                     
                     Text {
                         text: delegateItem.shortName
@@ -200,7 +202,7 @@ Item {
                         font.pointSize: root.font.pointSize * 0.8
                         font.family: root.font.family
                         elide: Text.ElideRight
-                        width: parent.width - x - 10
+                        width: parent.width - x - root.font.pointSize * 0.8
                         anchors.verticalCenter: parent.verticalCenter
                     }
                 }