[AGS] Brightness control

2025-04-26 13:18:00 +02:00
parent a7e6584f78
commit 1239f49cc7
3 changed files with 20 additions and 7 deletions
--- a/config/astal/components/bar/modules/QuickView.tsx
+++ b/config/astal/components/bar/modules/QuickView.tsx
@@ -143,11 +143,13 @@ const BrightnessWidget = () => {
    const screen_brightness = bind(brightness, "screen");

    return (
-        <label
-            label={"🌣" + screen_brightness}
-            visible={bind(brightness, "screenAvailable")}
-            cssClasses={["quick-view-symbol"]}
-        ></label>
+        <box cssClasses={["quick-view-symbol"]}>
+            <image iconName={"brightness-high-symbolic"}></image>
+            <label
+                label={screen_brightness.as(b => '' + Math.round(100 * b))}
+                visible={bind(brightness, "screenAvailable")}
+            ></label>
+        </box>
    );
 };