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
cssClasses={["battery-info"]}
visible={bind(battery, "isBattery")}
child={
<box cssClasses={["battery-box"]}>
<image
iconName={bind(battery, "batteryIconName")}
tooltipText={bind(battery, "energyRate").as(er =>
batteryEnergy(er),
)}
/>
<label
label={bind(battery, "percentage").as(
p => ` ${Math.round(p * 100)}%`,
)}
/>
<label
cssClasses={["time"]}
visible={bind(battery, "charging").as(c => !c)}
label={bind(battery, "timeToEmpty").as(t => `(${toTime(t)})`)}
/>
</box>
}
></box>
hexpand={false}
vexpand={false}
>
<image
iconName={bind(battery, "batteryIconName")}
tooltipText={bind(battery, "energyRate").as(er =>
batteryEnergy(er),
)}
/>
<label
label={bind(battery, "percentage").as(
p => ` ${Math.round(p * 100)}%`,
)}
/>
<label
cssClasses={["time"]}
visible={bind(battery, "charging").as(c => !c)}
label={bind(battery, "timeToEmpty").as(t => `(${toTime(t)})`)}
/>
</box>
);
};