Formatting
This commit is contained in:
parent
ce66b99cee
commit
84c81ecb77
6 changed files with 229 additions and 61 deletions
|
|
@ -14,28 +14,49 @@ Item {
|
|||
anchors.fill: parent
|
||||
spacing: Style.marginMedium * scaling
|
||||
|
||||
NText { text: "Time"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
|
||||
NText {
|
||||
text: "Time"
|
||||
font.weight: Style.fontWeightBold
|
||||
color: Colors.accentSecondary
|
||||
}
|
||||
|
||||
NToggle {
|
||||
label: "Use 12 Hour Clock"
|
||||
description: "Display time in 12-hour format (e.g., 2:30 PM) instead of 24-hour format"
|
||||
value: Settings.data.location.use12HourClock
|
||||
onToggled: function (newValue) { Settings.data.location.use12HourClock = newValue }
|
||||
onToggled: function (newValue) {
|
||||
Settings.data.location.use12HourClock = newValue
|
||||
}
|
||||
}
|
||||
|
||||
NToggle {
|
||||
label: "US Style Date"
|
||||
description: "Display dates in MM/DD/YYYY format instead of DD/MM/YYYY"
|
||||
value: Settings.data.location.reverseDayMonth
|
||||
onToggled: function (newValue) { Settings.data.location.reverseDayMonth = newValue }
|
||||
onToggled: function (newValue) {
|
||||
Settings.data.location.reverseDayMonth = newValue
|
||||
}
|
||||
}
|
||||
|
||||
NDivider { Layout.fillWidth: true }
|
||||
NDivider {
|
||||
Layout.fillWidth: true
|
||||
}
|
||||
|
||||
NText { text: "Weather"; font.weight: Style.fontWeightBold; color: Colors.accentSecondary }
|
||||
NText {
|
||||
text: "Weather"
|
||||
font.weight: Style.fontWeightBold
|
||||
color: Colors.accentSecondary
|
||||
}
|
||||
|
||||
NText { text: "City"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
|
||||
NText { text: "Your city name for weather information"; color: Colors.textSecondary }
|
||||
NText {
|
||||
text: "City"
|
||||
color: Colors.textPrimary
|
||||
font.weight: Style.fontWeightBold
|
||||
}
|
||||
NText {
|
||||
text: "Your city name for weather information"
|
||||
color: Colors.textSecondary
|
||||
}
|
||||
NTextBox {
|
||||
text: Settings.data.location.name
|
||||
Layout.fillWidth: true
|
||||
|
|
@ -45,18 +66,32 @@ Item {
|
|||
RowLayout {
|
||||
Layout.fillWidth: true
|
||||
spacing: Style.marginSmall * scaling
|
||||
ColumnLayout { Layout.fillWidth: true; spacing: 2 * scaling
|
||||
NText { text: "Temperature Unit"; color: Colors.textPrimary; font.weight: Style.fontWeightBold }
|
||||
NText { text: "Choose between Celsius and Fahrenheit"; color: Colors.textSecondary; wrapMode: Text.WordWrap }
|
||||
ColumnLayout {
|
||||
Layout.fillWidth: true
|
||||
spacing: 2 * scaling
|
||||
NText {
|
||||
text: "Temperature Unit"
|
||||
color: Colors.textPrimary
|
||||
font.weight: Style.fontWeightBold
|
||||
}
|
||||
NText {
|
||||
text: "Choose between Celsius and Fahrenheit"
|
||||
color: Colors.textSecondary
|
||||
wrapMode: Text.WordWrap
|
||||
}
|
||||
}
|
||||
NComboBox {
|
||||
optionsKeys: ["c", "f"]
|
||||
optionsLabels: ["Celsius", "Fahrenheit"]
|
||||
currentKey: Settings.data.location.useFahrenheit ? "f" : "c"
|
||||
onSelected: function (key) { Settings.data.location.useFahrenheit = (key === "f") }
|
||||
onSelected: function (key) {
|
||||
Settings.data.location.useFahrenheit = (key === "f")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Item { Layout.fillHeight: true }
|
||||
Item {
|
||||
Layout.fillHeight: true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue