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

UI tweaks (#10645)

Browse Source 
* Use green chip instead of dimming to show that item has been reviewed

* Redesign log page to use similar style to events

* Use icon only in mobile

* Remove unused
This commit is contained in:
Nicolas Mowen
2024-03-24 11:23:39 -06:00
committed by GitHub
parent f91dc37399
commit 0fda7147be
2 changed files with 35 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/components/player/PreviewThumbnailPlayer.tsx
View File

@@ -202,7 +202,9 @@ export default function PreviewThumbnailPlayer({
<div className="flex h-full justify-between items-start mx-3 pb-1 text-white text-sm ">
{(review.severity == "alert" ||
review.severity == "detection") && (
<Chip className="absolute top-2 left-2 flex gap-1 bg-gradient-to-br from-gray-400 to-gray-500 bg-gray-500 z-0">
<Chip
className={`absolute top-2 left-2 flex gap-1 bg-gradient-to-br ${review.has_been_reviewed ? "from-green-600 to-green-700 bg-green-600" : "from-gray-400 to-gray-500 bg-gray-500"} z-0`}
>
{review.data.objects.map((object) => {
return getIconForLabel(object, "size-3 text-white");
})}
@@ -225,9 +227,6 @@ export default function PreviewThumbnailPlayer({
</>
)}
</div>
{!playingBack && imgLoaded && review.has_been_reviewed && (
<div className="absolute inset-0 z-10 bg-black bg-opacity-60" />
)}
</div>
);
}