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

controlcenter: appearance pane tweaks

Browse source
This commit is contained in:
ATMDA 2025-11-13 22:21:29 -05:00
parent 78d032e946
commit 97e1bde96b
1 changed files with 11 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
modules/controlcenter/appearance/AppearancePane.qml
View file

@ -997,47 +997,34 @@ RowLayout {
font.bold: true font.bold: true
} }
StyledText {
Layout.topMargin: Appearance.spacing.large
Layout.alignment: Qt.AlignHCenter
text: qsTr("Theme mode")
font.pointSize: Appearance.font.size.larger
font.weight: 500
}
StyledText {
Layout.alignment: Qt.AlignHCenter
text: Colours.currentLight ? qsTr("Light mode") : qsTr("Dark mode")
color: Colours.palette.m3outline
}
StyledText { StyledText {
Layout.topMargin: Appearance.spacing.large Layout.topMargin: Appearance.spacing.large
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: qsTr("Wallpaper") text: qsTr("Wallpaper")
font.pointSize: Appearance.font.size.larger font.pointSize: Appearance.font.size.extraLarge
font.weight: 500 font.weight: 600
} }
StyledText { StyledText {
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
text: qsTr("Select a wallpaper") text: qsTr("Select a wallpaper")
color: Colours.palette.m3outline font.pointSize: Appearance.font.size.normal
color: Colours.palette.m3onSurfaceVariant
} }
GridLayout { GridLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.topMargin: Appearance.spacing.normal Layout.topMargin: Appearance.spacing.large
Layout.alignment: Qt.AlignHCenter Layout.alignment: Qt.AlignHCenter
columns: Math.max(1, Math.floor(parent.width / 200)) columns: Math.max(2, Math.floor(parent.width / 200))
rowSpacing: Appearance.spacing.normal rowSpacing: Appearance.spacing.normal
columnSpacing: Appearance.spacing.normal columnSpacing: Appearance.spacing.normal
// Center the grid content // Center the grid content
Layout.maximumWidth: { Layout.maximumWidth: {
const cols = columns; const cols = columns;
const itemWidth = 180; const itemWidth = 200;
const spacing = columnSpacing; const spacing = columnSpacing;
return cols * itemWidth + (cols - 1) * spacing; return cols * itemWidth + (cols - 1) * spacing;
} }
@ -1048,10 +1035,10 @@ RowLayout {
delegate: Item { delegate: Item {
required property var modelData required property var modelData
Layout.preferredWidth: 180 Layout.preferredWidth: 200
Layout.preferredHeight: 120 Layout.preferredHeight: 140
Layout.minimumWidth: 180 Layout.minimumWidth: 200
Layout.minimumHeight: 120 Layout.minimumHeight: 140
readonly property bool isCurrent: modelData.path === Wallpapers.actualCurrent readonly property bool isCurrent: modelData.path === Wallpapers.actualCurrent
readonly property real imageWidth: Math.max(1, width) readonly property real imageWidth: Math.max(1, width)