Extra change for Moonfire NVR Web UI

michioxd commented 6 months ago

This commit has changed/added those feature below:

Fixed lagging on drawer open/close by separating the drawer and header into separate components.
Fixed filter layout (used flex).
Added dark theme support (including system theme, dark, light).
Added outlined filter button if it enabled.
Redesign login dialog.
Added dual camera layout.
Each layout now has a name instead of a class name to display in the layout selector.
Added toggle full screen button.
Added save current layout and opened cameras to localStorage.
Added support for legacy browser (see vite.config.ts)

michioxd commented 5 months ago

oh damn I used pnpm instead npm heh...

michioxd commented 5 months ago

What I did in this commit:

Use your useMediaQuery to dynamically update the theme.
I updated some props in ThemeMode and removed non-necessary props.
Removed webkitFullScreenElement and msFullScreenElement in Multiview toggle full screen.
Added a bit of opacity for the fullscreen button in Multiview.

scottlamb commented 5 months ago

Ci passes! 🎉 just one more comment about the npm->pnpm transition.

scottlamb / moonfire-nvr