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' => [ 'static' => [
'app.css' => 8, 'app.css' => 9,
'app.js' => 2, 'app.js' => 2,
'polyfills.js' => 1, 'polyfills.js' => 1,
'modem.js' => 1, 'modem.js' => 1,

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

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