diff --git a/modules/ags/config/widgets/powermenu/_index.scss b/modules/ags/config/widgets/powermenu/_index.scss
index 27eeb5c8..110b11c1 100644
--- a/modules/ags/config/widgets/powermenu/_index.scss
+++ b/modules/ags/config/widgets/powermenu/_index.scss
@@ -2,14 +2,18 @@
@use '../../style/colors';
.powermenu {
- font-size: 70px;
padding: 10px;
icon {
+ font-size: 70px;
min-width: 130px;
min-height: 130px;
}
+ label {
+ font-size: 50px;
+ }
+
button {
margin: 5px 10px;
transition: all ease .2s;
diff --git a/modules/ags/config/widgets/powermenu/index.tsx b/modules/ags/config/widgets/powermenu/index.tsx
index fd4a10a5..637c8571 100644
--- a/modules/ags/config/widgets/powermenu/index.tsx
+++ b/modules/ags/config/widgets/powermenu/index.tsx
@@ -1,38 +1,62 @@
import { execAsync } from 'astal';
-import { Astal } from 'astal/gtk3';
+import { Astal, Gtk } from 'astal/gtk3';
import { hyprMessage } from '../../lib';
import PopupWindow from '../misc/popup-window';
-const PowermenuWidget = () => (
-
-
+const PowermenuWidget = () => {
+ const label = as Astal.Label;
-
+ return (
+
+
+
+
-
-
-);
+
+
+
+
+
+
+ {label}
+
+
+
+ );
+};
export default () => (