mirror of
https://github.com/blakeblackshear/frigate.git
synced 2026-02-02 09:15:22 +03:00
16 lines
652 B
React
16 lines
652 B
React
|
import { h } from 'preact';
|
||
|
|
|
||
|
|
export function LiveChip({ className }) {
|
||
|
|
return (
|
||
|
|
<div className={`inline relative px-2 py-1 rounded-full ${className}`} style={{ backgroundColor: "rgba(255, 255, 255, 0.1)" }}>
|
||
|
|
<div className='relative inline-block w-3 h-3 mr-2'>
|
||
|
|
<span class="flex h-3 w-3">
|
||
|
|
<span class="animate-ping absolute inline-flex h-full w-full rounded-full opacity-75" style={{ backgroundColor: "rgb(74 222 128)" }}></span>
|
||
|
|
<span class="relative inline-flex rounded-full h-3 w-3" style={{ backgroundColor: "rgb(74 222 128)" }}></span>
|
||
|
|
</span>
|
||
|
|
</div>
|
||
|
|
<span>Live</span>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|