feat: add pause button to glazewm example

glzr-io · Dec 13, 2024 · e85f943 · e85f943
1 parent 556a83a
commit e85f943
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/examples/starter/styles.css b/examples/starter/styles.css
@@ -53,6 +53,7 @@ body,
 .logo,
 .binding-mode,
 .tiling-direction,
+.paused-button,
 .network,
 .memory,
 .cpu,
@@ -85,7 +86,8 @@ body,
 }
 
 .binding-mode,
-.tiling-direction {
+.tiling-direction,
+.paused-button {
   background: rgb(255 255 255 / 15%);
   color: rgb(255 255 255 / 90%);
   border-radius: 2px;

diff --git a/examples/starter/with-glazewm.html b/examples/starter/with-glazewm.html
@@ -151,6 +151,14 @@
             <div className="right">
               {output.glazewm && (
                 <>
+                  {output.glazewm.isPaused && (
+                    <button
+                      className="paused-button"
+                      onClick={() => glazewm.runCommand('wm-toggle-pause')}
+                    >
+                      PAUSED
+                    </button>
+                  )}
                   {output.glazewm.bindingModes.map(bindingMode => (
                     <button
                       className="binding-mode"