diff --git a/app/config.py b/app/config.py index 34ec8b7..9eb71e5 100644 --- a/app/config.py +++ b/app/config.py @@ -26,6 +26,10 @@ class Settings(BaseSettings): "Street_side": "Street Side", "Backyard": "Backyard", "House_side": "House Side", + "WyzePanV3": "Wyze Pan", + "BackDoor": "Back Door", + "Parlor": "Parlor", + "Livingroom": "Living Room", } class Config: diff --git a/app/templates/viewer.html b/app/templates/viewer.html index a551b25..42f4d57 100644 --- a/app/templates/viewer.html +++ b/app/templates/viewer.html @@ -22,11 +22,11 @@ width: 100vw; } - /* Grid View */ + /* Grid View - 4x3 for 12 cameras */ .grid-container { display: grid; grid-template-columns: repeat(4, 1fr); - grid-template-rows: repeat(2, 1fr); + grid-template-rows: repeat(3, 1fr); gap: 2px; height: 100vh; width: 100vw; @@ -185,15 +185,15 @@ /* Tablet optimizations */ @media (max-width: 1024px) { .grid-container { - grid-template-columns: repeat(2, 1fr); + grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(4, 1fr); } } @media (max-width: 600px) { .grid-container { - grid-template-columns: 1fr; - grid-template-rows: repeat(8, 1fr); + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(6, 1fr); } }