MyFavMirrors
/
moonfire-nvr
mirror of https://github.com/scottlamb/moonfire-nvr.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added more dark background for select camera and fullscreen button.

This commit is contained in:
michioxd 2024-04-14 09:11:54 +07:00 committed by Scott Lamb
parent 305deaa1e7
commit c67a5ffba5
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/src/Live/Multiview.tsx
View File

@ -197,7 +197,7 @@ const Multiview = (props: MultiviewProps) => {
> >
<Tooltip title="Toggle full screen"> <Tooltip title="Toggle full screen">
<IconButton size="small" sx={{ <IconButton size="small" sx={{
position: 'fixed', background: 'rgba(255,255,255,0.4) !important', transition: '0.2s', opacity: '0.4', bottom: 10, right: 10, zIndex: 9, color: "#fff", ":hover": { position: 'fixed', background: 'rgba(50,50,50,0.4) !important', transition: '0.2s', opacity: '0.4', bottom: 10, right: 10, zIndex: 9, color: "#fff", ":hover": {
opacity: '1' opacity: '1'
} }
}} onClick={handleFullScreen}> }} onClick={handleFullScreen}>
@ -282,7 +282,8 @@ const Monoview = (props: MonoviewProps) => {
sx={{ sx={{
transform: "scale(0.8)", transform: "scale(0.8)",
// Restyle to fit over the video (or black). // Restyle to fit over the video (or black).
backgroundColor: "rgba(255, 255, 255, 0.3)", backgroundColor: "rgba(50, 50, 50, 0.6)",
boxShadow: "0 0 10px rgba(0, 0, 0, 0.4)",
color: "#fff", color: "#fff",
"& svg": { "& svg": {
color: "inherit", color: "inherit",