Change all pixel definitions to responsive 'rem'.

2024-06-18 00:23:37 -07:00
parent 77811a75a2
commit d2d5d82ff1
17 changed files with 139 additions and 154 deletions
--- a/modules/menus/media/index.js
+++ b/modules/menus/media/index.js
@@ -0,0 +1,31 @@
+const audio = await Service.import("mpris");
+import DropdownMenu from "../DropdownMenu.js";
+
+export default () => {
+  return DropdownMenu({
+    name: "mediamenu",
+    transition: "crossfade",
+    child: Widget.Box({
+      class_name: "menu-items",
+      child: Widget.Box({
+        vertical: true,
+        class_name: "menu-items-container",
+        children: [
+          Widget.Box({
+            class_name: "menu-dropdown-label-container",
+            hpack: "start",
+            children: [
+              Widget.Label({
+                class_name: "menu-dropdown-label media",
+                label: "Media",
+              }),
+            ],
+          }),
+          Widget.Separator({
+            class_name: "menu-separator",
+          }),
+        ],
+      }),
+    }),
+  });
+};