nosignal/nosignal-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

lock: adjustments for smaller screens

Browse source
This commit is contained in:
2 * r + 2 * t 2025-08-10 23:49:56 +10:00
parent 2defabfd83
commit e4aff1695e
1 changed files with 28 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
modules/lock/WeatherInfo.qml
View file

@ -59,31 +59,37 @@ ColumnLayout {
}
}
ColumnLayout {
Loader {
Layout.rightMargin: Appearance.padding.smaller
spacing: Appearance.spacing.small
asynchronous: true
active: root.width > 400
visible: active
StyledText {
Layout.fillWidth: true
sourceComponent: ColumnLayout {
spacing: Appearance.spacing.small
animate: true
text: Weather.temp
color: Colours.palette.m3primary
horizontalAlignment: Text.AlignRight
font.pointSize: Appearance.font.size.extraLarge
font.weight: 500
elide: Text.ElideLeft
}
StyledText {
Layout.fillWidth: true
StyledText {
Layout.fillWidth: true
animate: true
text: Weather.temp
color: Colours.palette.m3primary
horizontalAlignment: Text.AlignRight
font.pointSize: Appearance.font.size.extraLarge
font.weight: 500
elide: Text.ElideLeft
}
animate: true
text: qsTr("Feels like: %1").arg(Weather.feelsLike)
color: Colours.palette.m3outline
horizontalAlignment: Text.AlignRight
font.pointSize: Appearance.font.size.smaller
elide: Text.ElideLeft
StyledText {
Layout.fillWidth: true
animate: true
text: qsTr("Feels like: %1").arg(Weather.feelsLike)
color: Colours.palette.m3outline
horizontalAlignment: Text.AlignRight
font.pointSize: Appearance.font.size.smaller
elide: Text.ElideLeft
}
}
}
}
@ -97,14 +103,14 @@ ColumnLayout {
Repeater {
model: {
const forecast = Weather.forecast;
let count = root.width < 320 ? 3 : root.width < 400 ? 4 : 5;
if (!forecast)
return Array.from({
length: 5
length: count
}, () => null);
const hours = [];
const hour = new Date().getHours();
let count = 5;
const today = forecast[0].hourly;
const arr = [...today, ...forecast[1].hourly];