WeatherCard: better layout

This commit is contained in:
quadbyte 2025-08-11 21:48:17 -04:00
parent c71029487a
commit 03687f95f3

View file

@ -21,7 +21,6 @@ NBox {
anchors.margins: Style.marginMedium * scaling
spacing: Style.marginMedium * scaling
RowLayout {
spacing: Style.marginSmall * scaling
NText {
@ -35,11 +34,11 @@ NBox {
NText {
text: Settings.data.location.name
font.weight: Style.fontWeightBold
font.pointSize: Style.fontSizeLarge * scaling
font.pointSize: Style.fontSizeXL * scaling
}
NText {
text: `(${Location.data.weather.timezone_abbreviation})`
font.pointSize: Style.fontSizeTiny * scaling
font.pointSize: Style.fontSizeSmall * scaling
visible: Location.data.weather
}
}
@ -48,39 +47,38 @@ NBox {
text: {
var temp = Location.data.weather.current_weather.temperature
if (Settings.data.location.useFahrenheit) {
temp = Location.celsiusToFahrenheit(temp)
temp = Location.celsiusToFahrenheit(temp)
}
temp = Math.round(temp)
return `${temp}°`
}
font.pointSize: Style.fontSizeXL * scaling
font.pointSize: Style.fontSizeXL * scaling
font.weight: Style.fontWeightBold
}
}
}
Rectangle {
height: 1
width: parent.width
color: Colors.backgroundTertiary
NDivider {
Layout.fillWidth: true
}
RowLayout {
Layout.fillWidth: true
spacing: Style.marginMedium * scaling
Layout.alignment: Qt.AlignHCenter
spacing: Style.marginLarge* scaling
Repeater {
model: Location.data.weather.daily.time
delegate: ColumnLayout {
Layout.alignment: Qt.AlignHCenter
spacing: Style.spacingSmall * scaling
NText {
text: Qt.formatDateTime(new Date(Location.data.weather.daily.time[index]), "ddd")
font.weight: Style.fontWeightBold
color: Colors.textPrimary
}
NText {
text: Location.weatherSymbolFromCode(Location.data.weather.daily.weathercode[index])
font.family: "Material Symbols Outlined"
font.pointSize: Style.fontSizeLarge * scaling
font.weight: Style.fontWeightBold
font.pointSize: Style.fontSizeXL * scaling
color: Colors.textSecondary
}
NText {