Made the bar scaling relative and ia a config file
This commit is contained in:
@@ -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" :
|
||||
|
||||
Reference in New Issue
Block a user