candifloss/OpenWeatherWidget
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Attempt re-design

Browse Source
This commit is contained in:
Candifloss 2025-11-30 21:37:05 +05:30
parent 5df38a8b63
commit cfd8c2557c
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
widget/ui/widget-popup.slint
View File

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