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 {
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;