adjust ui scale on resize

Author: matthewjberger

README.md

@@ -28,15 +28,3 @@ trunk serve --features webgl --open
 
 ![Screenshot 2024-08-20 at 8 17 14 AM](https://github.com/user-attachments/assets/fd841943-a80b-4f27-9d9e-f85bb03d8add)
 ![Screenshot 2024-08-20 at 8 17 51 AM](https://github.com/user-attachments/assets/383d0122-f26d-41db-b1de-35512d697830)
-
-## Note for Mac Users
-
-On Macbooks, the web application's UI scaling will be incorrect
-if not running at the laptop screen's native resolution.
-
-To run the app in the web browser properly,
-set your laptop's resolution to it's highest possible option.
-
-On a `Macbook M2 Air`:
-
-`Option + F2` -> `Show All Resolutions` -> `2880 x 1864` (highest resolution) 

src/lib.rs

@@ -171,6 +171,9 @@ impl ApplicationHandler for App {
                 log::info!("Resizing renderer surface to: ({width}, {height})");
                 renderer.resize(width, height);
                 self.last_size = (width, height);
+
+                let scale_factor = window.scale_factor() as f32;
+                gui_state.egui_ctx().set_pixels_per_point(scale_factor);
             }
             WindowEvent::CloseRequested => {
                 log::info!("Close requested. Exiting...");