chris/frigate
1
0
Fork 0
forked from Github/frigate
Code Pull Requests Packages Activity

feat(web): detect, clips, snapshots toggles

Browse Source
This commit is contained in:
Paul Armstrong
2021-02-17 20:53:57 -08:00
committed by Blake Blackshear
parent e399790442
commit b6ba6459fb
18 changed files with 500 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/Card.jsx
View File

@@ -9,6 +9,7 @@ export default function Box({
elevated = true,
header,
href,
icons = [],
media = null,
...props
}) {
@@ -26,8 +27,8 @@ export default function Box({
<div className="p-4 pb-2">{header ? <Heading size="base">{header}</Heading> : null}</div>
</Element>
) : null}
{buttons.length || content ? (
<div className="pl-4 pb-2">
{buttons.length || content || icons.length ? (
<div className="px-4 pb-2">
{content || null}
{buttons.length ? (
<div className="flex space-x-4 -ml-2">
@@ -36,6 +37,12 @@ export default function Box({
{name}
</Button>
))}
<div class="flex-grow" />
{icons.map(({ name, icon: Icon, ...props }) => (
<Button aria-label={name} className="rounded-full" key={name} type="text" {...props}>
<Icon className="w-6" />
</Button>
))}
</div>
) : null}
</div>