eswyft/homekit
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

localwebsite: cams: better mobile layout

Browse Source
This commit is contained in:
Evgeny Zinoviev 2022-05-25 00:39:17 +03:00
parent d454ac4a1b
commit a3198e30a4
2 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
localwebsite/config.php
View File

@ -49,7 +49,7 @@ return [
],
'static' => [
'app.css' => 8,
'app.css' => 9,
'app.js' => 2,
'polyfills.js' => 1,
'modem.js' => 1,

30
localwebsite/htdocs/assets/app.css
View File

@ -153,16 +153,24 @@
}
/* cams page */
.camfeeds {
display: flex;
flex-wrap: wrap;
flex-direction: row;
@media only screen and (min-width: 640px) {
.camfeeds {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.camfeeds > video {
display: flex;
flex-basis: calc(50% - 20px);
justify-content: center;
flex-direction: column;
width: calc(50% - 10px);
margin: 5px;
}
}
.camfeeds > video {
display: flex;
flex-basis: calc(50% - 20px);
justify-content: center;
flex-direction: column;
width: calc(50% - 10px);
margin: 5px;
@media only screen and (max-width: 639px) {
.camfeeds > video {
max-width: 100%;
}
}