never/noctalia-shell
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WiFi menu: better look, still wip

Browse source
This commit is contained in:
quadbyte 2025-08-11 12:06:50 -04:00
parent 6202546387
commit 1addb7d37a
2 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

39
Modules/Bar/WiFiMenu.qml
View file

@ -33,23 +33,23 @@ LazyLoader {
ColumnLayout { ColumnLayout {
anchors.fill: parent anchors.fill: parent
anchors.margins: 16 anchors.margins: Style.marginLarge * scaling
spacing: 16 spacing: Style.marginMedium * scaling
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
spacing: 12 spacing: Style.marginMedium * scaling
Text { NText {
text: "wifi" text: "wifi"
font.family: "Material Symbols Outlined" font.family: "Material Symbols Outlined"
font.pointSize: 24 * scaling font.pointSize: Style.fontSizeXL * scaling
color: Colors.accentPrimary color: Colors.accentPrimary
} }
Text { NText {
text: "WiFi Networks" text: "WiFi Networks"
font.pointSize: 18 * scaling font.pointSize: Style.fontSizeLarge * scaling
font.bold: true font.bold: true
color: Colors.textPrimary color: Colors.textPrimary
Layout.fillWidth: true Layout.fillWidth: true
@ -71,11 +71,8 @@ LazyLoader {
} }
} }
Rectangle { NDivider {
Layout.fillWidth: true
height: 1
color: Colors.outline
opacity: 0.12
} }
ListView { ListView {
@ -83,7 +80,7 @@ LazyLoader {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
model: Object.values(network.networks) model: Object.values(network.networks)
spacing: 8 spacing: Style.marginMedium * scaling
clip: true clip: true
delegate: Item { delegate: Item {
@ -98,7 +95,7 @@ LazyLoader {
Rectangle { Rectangle {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredHeight: 48 Layout.preferredHeight: 48
radius: 8 radius: Style.radiusMedium * scaling
color: modelData.connected ? Qt.rgba( color: modelData.connected ? Qt.rgba(
Colors.accentPrimary.r, Colors.accentPrimary.g, Colors.accentPrimary.b, Colors.accentPrimary.r, Colors.accentPrimary.g, Colors.accentPrimary.b,
0.44) : (networkMouseArea.containsMouse ? Colors.highlight : "transparent") 0.44) : (networkMouseArea.containsMouse ? Colors.highlight : "transparent")
@ -108,10 +105,10 @@ LazyLoader {
anchors.margins: 8 anchors.margins: 8
spacing: 8 spacing: 8
Text { NText {
text: network.signalIcon(modelData.signal) text: network.signalIcon(modelData.signal)
font.family: "Material Symbols Outlined" font.family: "Material Symbols Outlined"
font.pointSize: 18 * scaling font.pointSize: Style.fontSizeXL * scaling
color: networkMouseArea.containsMouse ? Colors.backgroundPrimary : (modelData.connected ? Colors.accentPrimary : Colors.textSecondary) color: networkMouseArea.containsMouse ? Colors.backgroundPrimary : (modelData.connected ? Colors.accentPrimary : Colors.textSecondary)
} }
@ -119,18 +116,20 @@ LazyLoader {
Layout.fillWidth: true Layout.fillWidth: true
spacing: 2 spacing: 2
Text { // SSID
NText {
text: modelData.ssid || "Unknown Network" text: modelData.ssid || "Unknown Network"
color: networkMouseArea.containsMouse ? Colors.backgroundPrimary : (modelData.connected ? Colors.accentPrimary : Colors.textPrimary) color: networkMouseArea.containsMouse ? Colors.backgroundPrimary : (modelData.connected ? Colors.accentPrimary : Colors.textPrimary)
font.pointSize: 14 * scaling font.pointSize: Style.fontSizeNormal * scaling
elide: Text.ElideRight elide: Text.ElideRight
Layout.fillWidth: true Layout.fillWidth: true
} }
Text { // Security Protocol
NText {
text: modelData.security && modelData.security !== "--" ? modelData.security : "Open" text: modelData.security && modelData.security !== "--" ? modelData.security : "Open"
color: networkMouseArea.containsMouse ? Colors.backgroundPrimary : (modelData.connected ? Colors.accentPrimary : Colors.textSecondary) color: networkMouseArea.containsMouse ? Colors.backgroundPrimary : (modelData.connected ? Colors.accentPrimary : Colors.textSecondary)
font.pointSize: 11 * scaling font.pointSize: Style.fontSizeTiny * scaling
elide: Text.ElideRight elide: Text.ElideRight
Layout.fillWidth: true Layout.fillWidth: true
} }

1
Services/Style.qml
View file

@ -13,6 +13,7 @@ Singleton {
*/ */
// Font size // Font size
property real fontSizeTiny: 7
property real fontSizeSmall: 9 property real fontSizeSmall: 9
property real fontSizeMedium: 11 property real fontSizeMedium: 11
property real fontSizeLarge: 13 property real fontSizeLarge: 13