janishutz/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

[AGS] Battery: Improve design

Browse Source
This commit is contained in:
Janis Hutz 2025-04-26 13:24:34 +02:00
parent bec7474793
commit acca70d47f
1 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
config/astal/components/QuickActions/modules/Battery.tsx
View File

@ -11,27 +11,26 @@ export const BatteryBox = () => {
<box <box
cssClasses={["battery-info"]} cssClasses={["battery-info"]}
visible={bind(battery, "isBattery")} visible={bind(battery, "isBattery")}
child={ hexpand={false}
<box cssClasses={["battery-box"]}> vexpand={false}
<image >
iconName={bind(battery, "batteryIconName")} <image
tooltipText={bind(battery, "energyRate").as(er => iconName={bind(battery, "batteryIconName")}
batteryEnergy(er), tooltipText={bind(battery, "energyRate").as(er =>
)} batteryEnergy(er),
/> )}
<label />
label={bind(battery, "percentage").as( <label
p => ` ${Math.round(p * 100)}%`, label={bind(battery, "percentage").as(
)} p => ` ${Math.round(p * 100)}%`,
/> )}
<label />
cssClasses={["time"]} <label
visible={bind(battery, "charging").as(c => !c)} cssClasses={["time"]}
label={bind(battery, "timeToEmpty").as(t => `(${toTime(t)})`)} visible={bind(battery, "charging").as(c => !c)}
/> label={bind(battery, "timeToEmpty").as(t => `(${toTime(t)})`)}
</box> />
} </box>
></box>
); );
}; };