Revamp printer controls UI, Add Logo, and PWA compatibility - #29
Conversation
Update theme and add PWA support plus a major UI overhaul for printer controls. - Update frontend/app.css: switch primary/accent to green palette and add dpad color variables with dark-mode variants. - Add SVG assets: bambui-logo by moon studio, dpad-bg, extruder and a favicon; import extruder into Printer.svelte and logo into Navbar.svelte. - Revamp Navbar.svelte to show brand logo and current page, track hash/popstate, and simplify header layout. - Large refactor of Printer.svelte: introduce a unified, responsive controls Card with an interactive SVG D-pad (clickable wedges/home), reorganized status (nozzle/bed/chamber), speed dialog, light switch, filament controls, calibration, and mobile-friendly stacked layout. - Add PWA files: public/icons (192/512), manifest.json, and sw.js; update index.html to use PNG icon, include manifest/meta tags and register the service worker. These changes enable basic PWA support and modernize the printer control UI with improved responsiveness and usability.
fidoriel
left a comment
fidoriel
left a comment
There was a problem hiding this comment.
Thank you for your contribution!
Where did you get frontend/assets/extruder.svgfrom?
I do not want to get in trouble :)
I made it. Pretty simple :) |
Remove 'template' service worker caching as it is not used in the application
|
I removed the caching comment. Was left over from another sw.js file I made for myself as we aren't caching anything to begin with. Thanks for catching that. |
Just need to make sure, bambulab has some special tricks lately. |
|
No doubt. That's how I found your project. Went fully into LAN mode and was hoping something like this existed. Really appreciate your work on this so far. |
|
Thank You. I have created a small followup to fix some svelte warnings and fix a css and state bug. But going to merge the great ui. |
2 participants
Update theme and add PWA support plus a major UI overhaul for printer controls.
These changes enable basic PWA support and modernize the printer control UI with improved responsiveness and usability.
