diff --git a/widget/ui/widget-popup.slint b/widget/ui/widget-popup.slint index a9754b2..e9f9779 100644 --- a/widget/ui/widget-popup.slint +++ b/widget/ui/widget-popup.slint @@ -25,12 +25,14 @@ export component MainWindow inherits Window { GridLayout { padding: 12px; + width: 100%; // Top row Row { HorizontalLayout { // Left column - weather icon Rectangle { width: 80px; + height: 80px; Text { text: weather_icon; font-size: 80px; @@ -42,6 +44,8 @@ export component MainWindow inherits Window { // Right column Rectangle { + width: 196px; + background: #000; VerticalLayout { alignment: end; // City name @@ -50,23 +54,32 @@ export component MainWindow inherits Window { font-size: 14px; color: #fff; horizontal-alignment: right; + vertical-alignment: center; height: 18px; font-weight: 600; } // Temperature block HorizontalLayout { + padding: 0px; // Temperatur value Rectangle { + background: #ff8800; Text { text: temperature; color: #ffffff; font-size: 40px; horizontal-alignment: right; + vertical-alignment: center; + letter-spacing: 0px; } } // Temperature unit Rectangle { + background: #ff009d; VerticalLayout { + padding: 0px; + spacing: 0px; + alignment: end; // The degree symbol Text { text: "o"; @@ -85,7 +98,7 @@ export component MainWindow inherits Window { horizontal-alignment: left; vertical-alignment: center; height: 20px; - width: 20px; + width: 18px; font-weight: 800; } } @@ -100,6 +113,7 @@ export component MainWindow inherits Window { Row { /* Summary */ Text { + height: 20px; text: weather_main; font-size: 18px; color: #fff;