WeatherCard: minor UI improvements (colors and size)
This commit is contained in:
parent
468272d4c9
commit
63a545736c
1 changed files with 5 additions and 4 deletions
|
|
@ -29,19 +29,19 @@ NBox {
|
||||||
NIcon {
|
NIcon {
|
||||||
text: weatherReady ? LocationService.weatherSymbolFromCode(
|
text: weatherReady ? LocationService.weatherSymbolFromCode(
|
||||||
LocationService.data.weather.current_weather.weathercode) : ""
|
LocationService.data.weather.current_weather.weathercode) : ""
|
||||||
font.pointSize: Style.fontSizeXXXL * 1.5 * scaling
|
font.pointSize: Style.fontSizeXXXL * 1.75 * scaling
|
||||||
color: Color.mPrimary
|
color: Color.mPrimary
|
||||||
}
|
}
|
||||||
|
|
||||||
ColumnLayout {
|
ColumnLayout {
|
||||||
spacing: -Style.marginXS * scaling
|
spacing: Style.marginXXS * scaling
|
||||||
NText {
|
NText {
|
||||||
text: {
|
text: {
|
||||||
// Ensure the name is not too long if one had to specify the country
|
// Ensure the name is not too long if one had to specify the country
|
||||||
const chunks = Settings.data.location.name.split(",")
|
const chunks = Settings.data.location.name.split(",")
|
||||||
return chunks[0]
|
return chunks[0]
|
||||||
}
|
}
|
||||||
font.pointSize: Style.fontSizeXL * scaling
|
font.pointSize: Style.fontSizeL * scaling
|
||||||
font.weight: Style.fontWeightBold
|
font.weight: Style.fontWeightBold
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -61,13 +61,14 @@ NBox {
|
||||||
temp = Math.round(temp)
|
temp = Math.round(temp)
|
||||||
return `${temp}°${suffix}`
|
return `${temp}°${suffix}`
|
||||||
}
|
}
|
||||||
font.pointSize: Style.fontSizeXXL * scaling
|
font.pointSize: Style.fontSizeXL * scaling
|
||||||
font.weight: Style.fontWeightBold
|
font.weight: Style.fontWeightBold
|
||||||
}
|
}
|
||||||
|
|
||||||
NText {
|
NText {
|
||||||
text: weatherReady ? `(${LocationService.data.weather.timezone_abbreviation})` : ""
|
text: weatherReady ? `(${LocationService.data.weather.timezone_abbreviation})` : ""
|
||||||
font.pointSize: Style.fontSizeXS * scaling
|
font.pointSize: Style.fontSizeXS * scaling
|
||||||
|
color: Color.mOnSurfaceVariant
|
||||||
visible: LocationService.data.weather
|
visible: LocationService.data.weather
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue