Fix NPill scaling

This commit is contained in:
Ly-sec 2025-08-12 14:28:48 +02:00
parent 934d4cc933
commit a127696f35
2 changed files with 23 additions and 9 deletions

View file

@ -16,16 +16,19 @@ NLoader {
readonly property real scaling: Scaling.scale(screen)
// Ensure panel shows itself once created
Component.onCompleted: show()
Component.onCompleted: {
console.log("[DemoPanel] Component completed, showing panel...")
show()
}
Rectangle {
id: bgRect
color: Colors.backgroundPrimary
radius: Style.radiusMedium * scaling
border.color: Colors.backgroundTertiary
border.width: Math.max(1, Style.borderMedium * scaling)
width: 600 * scaling
height: 600 * scaling
border.color: Colors.accentPrimary
border.width: 2
width: 500 * scaling
height: 700 * scaling
anchors.centerIn: parent
// Prevent closing when clicking in the panel bg
@ -33,10 +36,21 @@ NLoader {
anchors.fill: parent
}
// Debug: Add a simple text to see if content is visible
NText {
text: "DemoPanel is working!"
color: Colors.accentPrimary
font.pointSize: Style.fontSizeLarge * scaling
anchors.top: parent.top
anchors.horizontalCenter: parent.horizontalCenter
anchors.topMargin: 20 * scaling
}
ColumnLayout {
anchors.fill: parent
anchors.margins: Style.marginXL * scaling
spacing: Style.marginSmall * scaling
anchors.margins: Style.marginMedium * scaling
anchors.topMargin: (Style.marginMedium + 40) * scaling
spacing: Style.marginMedium * scaling
// NSlider
ColumnLayout {

View file

@ -56,7 +56,7 @@ Item {
id: textItem
anchors.centerIn: parent
text: root.text
font.pointSize: Colors.fontSizeSmall * scaling
font.pointSize: Style.fontSizeSmall * scaling
font.weight: Style.fontWeightBold
color: textColor
visible: showPill
@ -97,7 +97,7 @@ Item {
Text {
anchors.centerIn: parent
font.family: showPill ? "Material Symbols Rounded" : "Material Symbols Outlined"
font.pointSize: Colors.fontSizeSmall * scaling
font.pointSize: Style.fontSizeMedium * scaling
text: root.icon
color: showPill ? iconTextColor : collapsedIconColor
}