WIP - Refactor media menu

2024-07-10 00:46:24 -07:00
parent 81ecf205be
commit 6cda814d9b
14 changed files with 358 additions and 564 deletions
--- a/modules/menus/power/verification.js
+++ b/modules/menus/power/verification.js
@@ -7,40 +7,46 @@ export default () =>
    transition: "crossfade",
    child: Widget.Box({
      class_name: "verification",
-      vertical: true,
-      children: [
-        Widget.Box({
-          class_name: "text-box",
-          vertical: true,
-          children: [
-            Widget.Label({
-              class_name: "title",
-              label: powermenu.bind("title").as(t => t.toUpperCase()),
-            }),
-            Widget.Label({
-              class_name: "desc",
-              label: powermenu.bind("title").as(p => `Are you sure you want to ${p.toLowerCase()}?`),
-            }),
-          ],
-        }),
-        Widget.Box({
-          class_name: "buttons horizontal",
-          vexpand: true,
-          vpack: "end",
-          homogeneous: true,
-          children: [
-            Widget.Button({
-              class_name: "verification-button bar-verification_yes",
-              child: Widget.Label("Yes"),
-              on_clicked: powermenu.exec,
-            }),
-            Widget.Button({
-              class_name: "verification-button bar-verification_no",
-              child: Widget.Label("No"),
-              on_clicked: () => App.toggleWindow("verification"),
-            }),
-          ],
-        }),
-      ],
+      child: Widget.Box({
+        class_name: "verification-content",
+        expand: true,
+        vertical: true,
+        children: [
+          Widget.Box({
+            class_name: "text-box",
+            vertical: true,
+            children: [
+              Widget.Label({
+                class_name: "title",
+                label: powermenu.bind("title").as((t) => t.toUpperCase()),
+              }),
+              Widget.Label({
+                class_name: "desc",
+                label: powermenu
+                  .bind("title")
+                  .as((p) => `Are you sure you want to ${p.toLowerCase()}?`),
+              }),
+            ],
+          }),
+          Widget.Box({
+            class_name: "buttons horizontal",
+            vexpand: true,
+            vpack: "end",
+            homogeneous: true,
+            children: [
+              Widget.Button({
+                class_name: "verification-button bar-verification_yes",
+                child: Widget.Label("Yes"),
+                on_clicked: powermenu.exec,
+              }),
+              Widget.Button({
+                class_name: "verification-button bar-verification_no",
+                child: Widget.Label("No"),
+                on_clicked: () => App.toggleWindow("verification"),
+              }),
+            ],
+          }),
+        ],
+      }),
    }),
  });