WallPaper selector polishing

This commit is contained in:
quadbyte 2025-08-13 00:36:46 -04:00
parent dc962a294a
commit a4ce7eb961
2 changed files with 198 additions and 208 deletions

View file

@ -134,10 +134,11 @@ NLoader {
font.pointSize: Style.fontSizeLarge * scaling
color: selected ? Colors.onAccent : (tabItem.hovering ? Colors.onAccent : Colors.textSecondary)
}
// Tab label on the left side
NText {
text: modelData.label
color: selected ? Colors.onAccent : (tabItem.hovering ? Colors.onAccent : Colors.textPrimary)
font.pointSize: Style.fontSizeInter * scaling
font.pointSize: Style.fontSizeLarge * scaling
font.weight: Style.fontWeightBold
Layout.fillWidth: true
}
@ -177,11 +178,13 @@ NLoader {
id: headerRow
Layout.fillWidth: true
spacing: Style.marginSmall * scaling
// Tab label on the main right
NText {
text: panel.tabsModel[panel.currentTabIndex].label
font.pointSize: Style.fontSizeLarge * scaling
font.weight: Style.fontWeightBold
color: Colors.textPrimary
color: Colors.accentPrimary
Layout.fillWidth: true
}
NIconButton {

View file

@ -22,21 +22,11 @@ Item {
ColumnLayout {
width: parent.width
spacing: Style.marginMedium * scaling
ColumnLayout {
spacing: Style.marginLarge * scaling
Layout.margins: Style.marginLarge * scaling
Layout.fillWidth: true
NText {
text: "Wallpaper Selector"
font.weight: Style.fontWeightBold
color: Colors.accentSecondary
}
NText {
text: "Select a wallpaper from your configured directory"
color: Colors.textSecondary
wrapMode: Text.WordWrap
}
// Current wallpaper display
NText {
text: "Current Wallpaper"
@ -67,8 +57,11 @@ Item {
NDivider {
Layout.fillWidth: true
Layout.topMargin: Style.marginLarge * scaling
Layout.bottomMargin: Style.marginLarge * scaling
}
RowLayout {
Layout.fillWidth: true
@ -77,7 +70,7 @@ Item {
// Wallpaper grid
NText {
text: "Available Wallpapers"
text: "Wallpaper Selector"
font.weight: Style.fontWeightBold
color: Colors.textPrimary
}
@ -108,14 +101,6 @@ Item {
}
}
// Refresh button and status
RowLayout {
Layout.fillWidth: true
spacing: Style.marginSmall * scaling
}
// Wallpaper grid container
Item {
Layout.fillWidth: true
@ -136,7 +121,8 @@ Item {
model: folderModel
// Fixed 5 items per row - more aggressive sizing
property int itemSize: Math.floor((width - leftMargin - rightMargin - (4 * Style.marginSmall * scaling)) / 5)
property int itemSize: Math.floor(
(width - leftMargin - rightMargin - (4 * Style.marginSmall * scaling)) / 5)
cellWidth: Math.floor((width - leftMargin - rightMargin) / 5)
cellHeight: Math.floor(itemSize * 0.67) + Style.marginSmall * scaling
@ -258,3 +244,4 @@ Item {
}
}
}
}