mirror of
https://github.com/blakeblackshear/frigate.git
synced 2024-11-21 19:07:46 +01:00
00ff76a0b9
* rearrange event route and splitted into several components * useIntersectionObserver * re-arrange * searchstring improvement * added xs tailwind breakpoint * useOuterClick hook * cleaned up * removed some video controls for mobile devices * lint * moved hooks to global folder * moved buttons for small devices * added button groups Co-authored-by: Bernt Christian Egeland <cbegelan@gmail.com>
56 lines
1.0 KiB
CSS
56 lines
1.0 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
.activityindicator {
|
|
border-top-color: currentColor;
|
|
-webkit-animation: spinner 0.75s linear infinite;
|
|
animation: spinner 0.75s linear infinite;
|
|
}
|
|
|
|
@-webkit-keyframes spinner {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes spinner {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.jsmpeg canvas {
|
|
position: static !important;
|
|
}
|
|
|
|
/*
|
|
Event.js
|
|
Maintain aspect ratio and scale down the video container
|
|
Could not find a proper tailwind css.
|
|
*/
|
|
.outer-max-width {
|
|
max-width: 70%;
|
|
}
|
|
|
|
/*
|
|
Hide some videoplayer controls on mobile devices to
|
|
align the video player and bottom control bar properly.
|
|
*/
|
|
@media only screen and (max-width: 700px) {
|
|
.small-player .vjs-time-control,
|
|
.small-player .vjs-time-divider {
|
|
display: none;
|
|
}
|
|
div.vjs-control-bar > .skip-back.skip-5,
|
|
div.vjs-control-bar > .skip-forward.skip-10 {
|
|
display: none;
|
|
}
|
|
}
|