ags: style

home-manager/modules/ags/widget/elements/Audio.tsx

@@ -4,12 +4,8 @@ import Wp from "gi://AstalWp"
 export default function Audio() {
     const speaker = Wp.get_default()?.audio.defaultSpeaker!
 
-    return <box className="AudioSlider" css="min-width: 140px">
+    return <box className="AudioSlider">
         <icon icon={bind(speaker, "volumeIcon")} />
-        <slider
-            hexpand
-            onDragged={({ value }) => speaker.volume = value}
-            value={bind(speaker, "volume")}
-        />
+        <label label={bind(speaker, "volume").as(v => `${Math.floor(v*100)}%`)} />
     </box>
 }