Resize pixi app on window resize

nilenso · Aug 25, 2024 · ed9c63a · ed9c63a
1 parent 7da10d1
commit ed9c63a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -82,7 +82,7 @@ p {
 
 #grid-container {
     position: relative;
-    height: 100%;
+    height: 100vh;
     width: 100%;
 }
 

diff --git a/src/bean/ui/views/sheet.cljs b/src/bean/ui/views/sheet.cljs
@@ -733,6 +733,13 @@
      (dorun (->> col-widths (reductions +) (map draw-vertical)))
      g)))
 
+(defn resize-pixi-app [app]
+  (let [container (.getElementById js/document "grid-container")
+        h (.-offsetHeight container)
+        w (.-offsetWidth container)]
+    (.resize app w h)
+    (.resize (:viewport @pixi-app) w h)))
+
 (defn- make-app []
   (let [app (new
              pixi/Application
@@ -747,7 +754,8 @@
      (.getElementById js/document "grid-container")
      (.-view app))
     (set! (.-__PIXI_APP__ js/globalThis) app)
-    (.addEventListener js/window "wheel" #(.preventDefault %1) #js {:passive false})
+    (.addEventListener (.getElementById js/document "grid-container") "wheel" #(.preventDefault %1) #js {:passive false})
+    (.addEventListener js/window "resize" #(resize-pixi-app app))
     app))
 
 (defn- make-viewport [app]