Made the bar scaling relative and ia a config file

This commit is contained in:
Hannes
2026-06-08 19:25:33 +02:00
parent bddebdb983
commit 57d0a2d6a5
11 changed files with 157 additions and 90 deletions
+25 -14
View File
@@ -3,11 +3,12 @@ import Quickshell
import Quickshell.Hyprland
import Quickshell.Io
import "../../../colors"
import "../../../config"
import "../states/Battery"
MouseArea {
id: batteryButton
width: clicked ? Math.max(batteryPercentage.width + parent.spacing*2, bar.height) : Math.max(batteryText.width + parent.spacing*2, bar.height)
width: clicked ? Math.max(batteryPercentageText.width + parent.spacing*3, bar.height) : Math.max(batteryText.width + parent.spacing*2, bar.height)
height: bar.height
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
@@ -22,8 +23,8 @@ MouseArea {
Rectangle {
anchors.fill: parent
color: batteryButton.containsMouse ? Colors.tertiary : Qt.alpha(Colors.tertiaryContainer, 0.25)
radius: 6
border.width: 2
radius: Config.radius
border.width: Config.border_width
border.color: batteryButton.containsMouse ? Colors.tertiaryContainer_fg
: Colors.secondaryContainer_fg
@@ -38,8 +39,8 @@ MouseArea {
BatteryState.percentage >= 25 ? "" :
""
)
font.pixelSize: 26
font.family: "Nerd Font"
font.pixelSize: Config.big_font_size(bar.height)
font.family: Config.font
color: (
BatteryState.charging ? BatteryState.percentage == 100 ? "white" : "green" :
BatteryState.percentage <= 5 ? "red" :
@@ -50,15 +51,25 @@ MouseArea {
}
Text {
id: batteryChargingText
visible : !clicked && BatteryState.charging
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
text: "󱐋"
style: Text.Outline
styleColor: Colors.tertiaryContainer
font.pixelSize: 26
font.family: "Nerd Font"
id: batteryPercentageText
visible : clicked
anchors.centerIn: parent
text: (
BatteryState.charging ? "󰂄" :
BatteryState.percentage >= 90 ? "󰁹 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 80 ? "󰂂 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 70 ? "󰂁 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 60 ? "󰂀 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 50 ? "󰁿 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 40 ? "󰁾 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 30 ? "󰁽 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 20 ? "󰁼 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 10 ? "󰁻 " + BatteryState.percentage + "%" :
BatteryState.percentage >= 5 ? "󰁺 " + BatteryState.percentage + "%" :
"󰂃 " + BatteryState.percentage + "%"
)
font.pixelSize: Config.big_font_size(bar.height)
font.family: Config.font
color: (
BatteryState.charging ? BatteryState.percentage == 100 ? "white" : "green" :
BatteryState.percentage <= 5 ? "red" :