Add Wyze and Thingino cameras (12 total, 4x3 grid)
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user