chrisryn/camera-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Wyze and Thingino cameras (12 total, 4x3 grid)

Browse Source
This commit is contained in:
chrisryn
2026-01-30 22:56:25 -06:00
parent a50393334a
commit 567e7bc0c6
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/config.py
View File

@@ -26,6 +26,10 @@ class Settings(BaseSettings):
"Street_side": "Street Side", "Street_side": "Street Side",
"Backyard": "Backyard", "Backyard": "Backyard",
"House_side": "House Side", "House_side": "House Side",
"WyzePanV3": "Wyze Pan",
"BackDoor": "Back Door",
"Parlor": "Parlor",
"Livingroom": "Living Room",
} }
class Config: class Config:

10
app/templates/viewer.html
View File

@@ -22,11 +22,11 @@
width: 100vw; width: 100vw;
} }
/* Grid View */ /* Grid View - 4x3 for 12 cameras */
.grid-container { .grid-container {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr);
gap: 2px; gap: 2px;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
@@ -185,15 +185,15 @@
/* Tablet optimizations */ /* Tablet optimizations */
@media (max-width: 1024px) { @media (max-width: 1024px) {
.grid-container { .grid-container {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr);
} }
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.grid-container { .grid-container {
grid-template-columns: 1fr; grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(8, 1fr); grid-template-rows: repeat(6, 1fr);
} }
} }
</style> </style>