plus ou moins responsive (bof mais ça va en vrai)

Author: F2VILLE

hyprland.sh

@@ -4,28 +4,42 @@ import QtQuick.Layouts
 
 ApplicationWindow {
     visibility: Window.FullScreen
-    width: 720
-    height: 500
+    width: Screen.width
+    height: Screen.height
     title: "STIB Panel"
     color: "#111214"
 
+    // Reference dimensions for scaling calculations
+    readonly property real refWidth: 720
+    readonly property real refHeight: 500
+    readonly property real scaleFactor: Math.min(width / refWidth, height / refHeight) * 0.6
+    
+    // Font sizes scaled relative to screen size
+    readonly property real titleFontSize: Math.max(22 * scaleFactor, 16)
+    readonly property real normalFontSize: Math.max(16 * scaleFactor, 12)
+    readonly property real smallFontSize: Math.max(12 * scaleFactor, 10)
+    readonly property real busNumberFontSize: Math.max(18 * scaleFactor, 14)
+
     ColumnLayout {
         anchors.fill: parent
+        anchors.margins: 20 * scaleFactor
+        spacing: 10 * scaleFactor
 
         Text {
             id: text
             text: "Arrêt " + busStopName
             color: "#f0f0f0"
-            font.pixelSize: 22
+            font.pixelSize: titleFontSize
             font.bold: true
-            padding: 12
-            Layout.alignment: Qt.AlignVTop | Qt.AlignHCenter
+            padding: 12 * scaleFactor
+            Layout.alignment: Qt.AlignTop | Qt.AlignHCenter
+            Layout.topMargin: 10 * scaleFactor
         }
 
         Text {
             text: busError
             color: "#ff9898"
-            font.pixelSize: 16
+            font.pixelSize: normalFontSize
             Layout.alignment: Qt.AlignHCenter
         }
 
@@ -34,46 +48,50 @@ ApplicationWindow {
             objectName: "busLinesModel"
             model: busProvider.busData
             Layout.alignment: Qt.AlignHCenter
-            Layout.preferredHeight: 500
-            Layout.preferredWidth: 500
-            spacing: 8
+            Layout.fillWidth: true
+            Layout.fillHeight: true
+            Layout.preferredWidth: parent.width * 0.8  // 80% of available width
+            Layout.maximumWidth: 600 * scaleFactor
+            spacing: 8 * scaleFactor
             clip: true
             boundsBehavior: Flickable.StopAtBounds
             highlightMoveDuration: 200
             highlightFollowsCurrentItem: true
 
             header: ColumnLayout {
+                width: busLinesView.width
                 Layout.alignment: Qt.AlignHCenter | Qt.AlignTop
                 Layout.fillWidth: true
+                
                 Text {
                     text: "Updated at " + busProvider.lastUpdate
                     color: "#999999"
-                    font.pixelSize: 12
-                    padding: 4
-                    Layout.alignment: Qt.AlignVTop | Qt.AlignHCenter
+                    font.pixelSize: smallFontSize
+                    padding: 4 * scaleFactor
+                    Layout.alignment: Qt.AlignTop | Qt.AlignHCenter
                 }
             }
 
             delegate: RowLayout {
-                width: parent.width
-                height: 40
-                spacing: 12
+                width: busLinesView.width
+                height: 40 * scaleFactor
+                spacing: 12 * scaleFactor
 
                 ColumnLayout {
                     Layout.alignment: Qt.AlignVCenter
                     Image {
-                        Layout.preferredWidth: 32
-                        Layout.preferredHeight: 32
+                        Layout.preferredWidth: 32 * scaleFactor
+                        Layout.preferredHeight: 32 * scaleFactor
                         source: lineTypeIcons[modelData.type]
                         fillMode: Image.PreserveAspectFit
                         Layout.alignment: Qt.AlignVCenter
                     }
                 }
 
                 Rectangle {
-                    width: 40
-                    height: 32
-                    radius: 6
+                    width: 40 * scaleFactor
+                    height: 32 * scaleFactor
+                    radius: 6 * scaleFactor
                     color: modelData.color
                     border.color: "#f0f0f0"
                     border.width: 1
@@ -82,23 +100,24 @@ ApplicationWindow {
                     Text {
                         text: modelData.line
                         color: "#f0f0f0"
-                        font.pixelSize: 18
+                        font.pixelSize: busNumberFontSize
                         font.bold: true
                         anchors.centerIn: parent
                     }
                 }
 
                 ColumnLayout {
                     Layout.fillWidth: true
-                    spacing: 2
+                    spacing: 2 * scaleFactor
 
                     Text {
                         text: modelData.destination
                         color: "#f0f0f0"
-                        font.pixelSize: 16
+                        font.pixelSize: normalFontSize
                         font.bold: true
                         elide: Text.ElideRight
                         Layout.fillWidth: true
+                        maximumLineCount: 1
                     }
                 }
 
@@ -108,12 +127,12 @@ ApplicationWindow {
                     Text {
                         text: modelData.waiting
                         color: "#f0f0f0"
-                        font.pixelSize: 16
+                        font.pixelSize: normalFontSize
                         font.bold: true
                         Layout.alignment: Qt.AlignRight
                     }
                 }
             }
         }
     }
-}
+}