mirror of
https://github.com/scottlamb/moonfire-nvr.git
synced 2025-02-21 18:42:30 -05:00
dd66c7b0dd
Besides being more clear about what belongs to which, this helps with docker caching. The server and ui parts are only rebuilt when their respective subdirectories change. Extend this a bit further by making the webpack build not depend on the target architecture. And adding cache dirs so parts of the server and ui build process can be reused when layer-wide caching fails.
109 lines
1.4 KiB
CSS
109 lines
1.4 KiB
CSS
@media only screen and (max-width: 720px) {
|
|
#nav {
|
|
float: none;
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
#top {
|
|
width: 100%;
|
|
padding-bottom: 2ex;
|
|
}
|
|
#toggle-nav {
|
|
font-size: 1.25em;
|
|
cursor: pointer;
|
|
}
|
|
#nav {
|
|
float: left;
|
|
margin: 0 0.5em 0.5ex 0;
|
|
}
|
|
#session {
|
|
float: right;
|
|
}
|
|
#logout {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#datetime .ui-datepicker {
|
|
width: 100%;
|
|
}
|
|
|
|
#videos {
|
|
display: inline-block;
|
|
}
|
|
#videos tbody:after {
|
|
content: "";
|
|
display: block;
|
|
height: 3ex;
|
|
}
|
|
table#videos {
|
|
border-collapse: collapse;
|
|
/*border-spacing: 0.5em 0.5ex;*/
|
|
}
|
|
tbody tr.name {
|
|
font-size: 110%;
|
|
background-color: #eee;
|
|
}
|
|
tbody tr.name th {
|
|
border-bottom: 1px solid #666;
|
|
}
|
|
tbody tr.hdr {
|
|
color: #555;
|
|
font-size: 90%;
|
|
}
|
|
tr.r:hover {
|
|
background-color: #ddd;
|
|
}
|
|
tr.r td {
|
|
font-size: 80%;
|
|
cursor: pointer;
|
|
}
|
|
tr.r th,
|
|
tr.r td {
|
|
border: 0;
|
|
text-align: right;
|
|
padding: 0.5ex 1.5em;
|
|
}
|
|
|
|
fieldset {
|
|
font-size: 80%;
|
|
}
|
|
fieldset legend {
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#from, #to {
|
|
padding-right: 0.75em;
|
|
}
|
|
|
|
#range {
|
|
padding: 0.5em 0;
|
|
}
|
|
.ui-dialog .ui-dialog-content {
|
|
overflow: visible; /* remove stupid scroll bars when resizing. */
|
|
padding: 0;
|
|
}
|
|
|
|
video {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
#nav {
|
|
float: none;
|
|
display: none;
|
|
}
|
|
.resolution, .frameRate, .size {
|
|
display: none;
|
|
}
|
|
tr.r th,
|
|
tr.r td {
|
|
padding: 0.5ex 0.5em;
|
|
}
|
|
}
|