LockScreen: change font to fontSizeM

This commit is contained in:
lysec
2025-10-05 23:04:02 +02:00
parent bef810c0bc
commit ebb71b916b
+63 -63
View File
@@ -112,14 +112,14 @@ Loader {
ColumnLayout {
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: 80 * scaling
spacing: 8 * scaling
anchors.topMargin: 100 * scaling
spacing: 12 * scaling
NText {
id: timeText
text: lockScreen.formatTime()
Layout.alignment: Qt.AlignHCenter
pointSize: 64 * scaling
pointSize: 80 * scaling
font.weight: Font.Medium
color: Color.mOnSurface
horizontalAlignment: Text.AlignHCenter
@@ -144,7 +144,7 @@ Loader {
id: dateText
text: lockScreen.formatDate()
Layout.alignment: Qt.AlignHCenter
pointSize: Style.fontSizeL * scaling
pointSize: Style.fontSizeXL * scaling
font.weight: Font.Medium
color: Color.mOnSurface
horizontalAlignment: Text.AlignHCenter
@@ -155,12 +155,12 @@ Loader {
// User Profile
ColumnLayout {
anchors.centerIn: parent
spacing: 6 * scaling
spacing: 10 * scaling
Layout.alignment: Qt.AlignHCenter
Rectangle {
Layout.preferredWidth: 130 * scaling
Layout.preferredHeight: 130 * scaling
Layout.preferredWidth: 160 * scaling
Layout.preferredHeight: 160 * scaling
Layout.alignment: Qt.AlignHCenter
radius: width * 0.5
color: Color.transparent
@@ -189,8 +189,8 @@ Loader {
NImageCircled {
anchors.centerIn: parent
width: 120 * scaling
height: 120 * scaling
width: 150 * scaling
height: 150 * scaling
imagePath: Settings.data.general.avatarImage
fallbackIcon: "person"
@@ -213,7 +213,7 @@ Loader {
NText {
text: I18n.tr("lock-screen.welcome-back")
Layout.alignment: Qt.AlignHCenter
pointSize: Style.fontSizeL * scaling
pointSize: Style.fontSizeXL * scaling
font.weight: Font.Medium
color: Color.mOnSurface
horizontalAlignment: Text.AlignHCenter
@@ -223,7 +223,7 @@ Loader {
NText {
text: Quickshell.env("USER")
Layout.alignment: Qt.AlignHCenter
pointSize: Style.fontSizeXXXL * scaling
pointSize: Style.fontSizeXXXL * scaling * 1.2
font.weight: Font.Medium
color: Color.mOnSurface
horizontalAlignment: Text.AlignHCenter
@@ -233,12 +233,12 @@ Loader {
// Error notification
Rectangle {
width: 400 * scaling
height: 50 * scaling
width: 450 * scaling
height: 60 * scaling
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 300 * scaling
radius: 25 * scaling
radius: 30 * scaling
color: Color.mError
border.color: Color.mError
border.width: 1
@@ -247,18 +247,18 @@ Loader {
RowLayout {
anchors.centerIn: parent
spacing: 8 * scaling
spacing: 10 * scaling
NIcon {
icon: "alert-circle"
pointSize: Style.fontSizeM * scaling
pointSize: Style.fontSizeL * scaling
color: Color.mOnError
}
NText {
text: lockContext.errorMessage || "Authentication failed"
color: Color.mOnError
pointSize: Style.fontSizeM * scaling
pointSize: Style.fontSizeL * scaling
font.weight: Font.Medium
horizontalAlignment: Text.AlignHCenter
}
@@ -274,26 +274,26 @@ Loader {
// Bottom container with weather, password input and controls
Rectangle {
width: 700 * scaling
height: 200 * scaling
width: 800 * scaling
height: 240 * scaling
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 80 * scaling
radius: 30 * scaling
anchors.bottomMargin: 100 * scaling
radius: 35 * scaling
color: Qt.alpha(Color.mSurfaceContainerHighest, 0.9)
border.color: Qt.alpha(Color.mOutline, 0.2)
border.width: 1
ColumnLayout {
anchors.fill: parent
anchors.margins: 12 * scaling
spacing: 12 * scaling
anchors.margins: 16 * scaling
spacing: 16 * scaling
// Weather section
RowLayout {
Layout.fillWidth: true
Layout.preferredHeight: 60 * scaling
spacing: 16 * scaling
Layout.preferredHeight: 70 * scaling
spacing: 20 * scaling
visible: LocationService.coordinatesReady && LocationService.data.weather !== null
// Media widget with visualizer
@@ -374,7 +374,7 @@ Loader {
NText {
text: MediaService.trackTitle || "No media"
pointSize: Style.fontSizeS * scaling
pointSize: Style.fontSizeM * scaling
font.weight: Style.fontWeightMedium
color: Color.mOnSurface
Layout.fillWidth: true
@@ -383,7 +383,7 @@ Loader {
NText {
text: MediaService.trackArtist || ""
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
color: Color.mOnSurfaceVariant
Layout.fillWidth: true
elide: Text.ElideRight
@@ -434,7 +434,7 @@ Loader {
NText {
text: LocationService.data.weather.current_weather.windspeed + " km/h"
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
color: Color.mOnSurfaceVariant
font.weight: Font.Normal
}
@@ -446,13 +446,13 @@ Loader {
NText {
text: Settings.data.location.name.split(",")[0]
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
color: Color.mOnSurfaceVariant
}
NText {
text: (LocationService.data.weather.current && LocationService.data.weather.current.relativehumidity_2m) ? LocationService.data.weather.current.relativehumidity_2m + "% humidity" : ""
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
color: Color.mOnSurfaceVariant
}
}
@@ -473,7 +473,7 @@ Loader {
NText {
text: Qt.locale().toString(new Date(LocationService.data.weather.daily.time[index].replace(/-/g, "/")), "ddd")
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
color: Color.mOnSurfaceVariant
horizontalAlignment: Text.AlignHCenter
Layout.fillWidth: true
@@ -488,7 +488,7 @@ Loader {
NText {
text: Math.round(LocationService.data.weather.daily.temperature_2m_max[index]) + "°/" + Math.round(LocationService.data.weather.daily.temperature_2m_min[index]) + "°"
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
font.weight: Style.fontWeightMedium
color: Color.mOnSurface
horizontalAlignment: Text.AlignHCenter
@@ -511,14 +511,14 @@ Loader {
NIcon {
icon: BatteryService.getIcon(Math.round(UPower.displayDevice.percentage * 100), UPower.displayDevice.state === UPowerDeviceState.Charging, true)
pointSize: Style.fontSizeS * scaling
pointSize: Style.fontSizeM * scaling
color: UPower.displayDevice.state === UPowerDeviceState.Charging ? Color.mPrimary : Color.mOnSurfaceVariant
}
NText {
text: Math.round(UPower.displayDevice.percentage * 100) + "%"
color: Color.mOnSurfaceVariant
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
font.weight: Font.Medium
}
}
@@ -530,14 +530,14 @@ Loader {
NIcon {
icon: "keyboard"
pointSize: Style.fontSizeS * scaling
pointSize: Style.fontSizeM * scaling
color: Color.mOnSurfaceVariant
}
NText {
text: keyboardLayout.currentLayout
color: Color.mOnSurfaceVariant
pointSize: Style.fontSizeXS * scaling
pointSize: Style.fontSizeM * scaling
font.weight: Font.Medium
}
}
@@ -555,21 +555,21 @@ Loader {
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 44 * scaling
radius: 22 * scaling
Layout.preferredHeight: 52 * scaling
radius: 26 * scaling
color: Qt.alpha(Color.mSurfaceContainerHighest, 0.6)
border.color: passwordInput.activeFocus ? Color.mPrimary : Qt.alpha(Color.mOutline, 0.3)
border.width: passwordInput.activeFocus ? 2 : 1
Row {
anchors.left: parent.left
anchors.leftMargin: 16 * scaling
anchors.leftMargin: 20 * scaling
anchors.verticalCenter: parent.verticalCenter
spacing: 12 * scaling
spacing: 16 * scaling
NIcon {
icon: "lock"
pointSize: Style.fontSizeM * scaling
pointSize: Style.fontSizeL * scaling
color: passwordInput.activeFocus ? Color.mPrimary : Color.mOnSurfaceVariant
anchors.verticalCenter: parent.verticalCenter
}
@@ -625,7 +625,7 @@ Loader {
NText {
text: passwordInput.text.length > 0 ? "•".repeat(passwordInput.text.length) : ""
color: passwordInput.text.length > 0 ? Color.mOnSurface : Color.mOnSurfaceVariant
pointSize: Style.fontSizeL * scaling
pointSize: Style.fontSizeXL * scaling
opacity: passwordInput.text.length > 0 ? 1.0 : 0.6
}
@@ -654,10 +654,10 @@ Loader {
Rectangle {
anchors.right: parent.right
anchors.rightMargin: 8 * scaling
anchors.rightMargin: 10 * scaling
anchors.verticalCenter: parent.verticalCenter
width: 32 * scaling
height: 32 * scaling
width: 38 * scaling
height: 38 * scaling
radius: width * 0.5
color: submitButtonArea.containsMouse ? Color.mPrimary : Qt.alpha(Color.mPrimary, 0.8)
border.color: Color.mPrimary
@@ -667,7 +667,7 @@ Loader {
NIcon {
anchors.centerIn: parent
icon: "arrow-forward"
pointSize: Style.fontSizeS * scaling
pointSize: Style.fontSizeM * scaling
color: Color.mOnPrimary
}
@@ -695,8 +695,8 @@ Loader {
// System control buttons
RowLayout {
Layout.fillWidth: true
Layout.preferredHeight: 44 * scaling
spacing: 8 * scaling
Layout.preferredHeight: 52 * scaling
spacing: 12 * scaling
Item {
Layout.preferredWidth: Style.marginM * scaling
@@ -704,24 +704,24 @@ Loader {
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 44 * scaling
radius: 22 * scaling
Layout.preferredHeight: 52 * scaling
radius: 26 * scaling
color: logoutButtonArea.containsMouse ? Color.mTertiary : "transparent"
RowLayout {
anchors.centerIn: parent
spacing: 6 * scaling
spacing: 8 * scaling
NIcon {
icon: "logout"
pointSize: Style.fontSizeL * scaling
pointSize: Style.fontSizeXL * scaling
color: logoutButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurfaceVariant
}
NText {
text: I18n.tr("session-menu.logout")
color: logoutButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurfaceVariant
pointSize: Style.fontSizeM * scaling
pointSize: Style.fontSizeL * scaling
font.weight: Font.Medium
}
}
@@ -743,24 +743,24 @@ Loader {
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 44 * scaling
radius: 22 * scaling
Layout.preferredHeight: 52 * scaling
radius: 26 * scaling
color: rebootButtonArea.containsMouse ? Color.mTertiary : "transparent"
RowLayout {
anchors.centerIn: parent
spacing: 6 * scaling
spacing: 8 * scaling
NIcon {
icon: "reboot"
pointSize: Style.fontSizeL * scaling
pointSize: Style.fontSizeXL * scaling
color: rebootButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurfaceVariant
}
NText {
text: I18n.tr("session-menu.reboot")
color: rebootButtonArea.containsMouse ? Color.mOnTertiary : Color.mOnSurfaceVariant
pointSize: Style.fontSizeM * scaling
pointSize: Style.fontSizeL * scaling
font.weight: Font.Medium
}
}
@@ -782,26 +782,26 @@ Loader {
Rectangle {
Layout.fillWidth: true
Layout.preferredHeight: 44 * scaling
radius: 22 * scaling
Layout.preferredHeight: 52 * scaling
radius: 26 * scaling
color: shutdownButtonArea.containsMouse ? Color.mError : "transparent"
border.color: shutdownButtonArea.containsMouse ? Color.mError : Color.transparent
border.width: 1
RowLayout {
anchors.centerIn: parent
spacing: 6 * scaling
spacing: 8 * scaling
NIcon {
icon: "shutdown"
pointSize: Style.fontSizeL * scaling
pointSize: Style.fontSizeXL * scaling
color: shutdownButtonArea.containsMouse ? Color.mOnError : Color.mOnSurfaceVariant
}
NText {
text: I18n.tr("session-menu.shutdown")
color: shutdownButtonArea.containsMouse ? Color.mOnError : Color.mOnSurfaceVariant
pointSize: Style.fontSizeM * scaling
pointSize: Style.fontSizeL * scaling
font.weight: Font.Medium
}
}