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

UI tweaks (#11036)

Browse Source 
* spacing, mobile navbar, and minor color updates

* tab scrolling behavior
This commit is contained in:
Josh Hawkins
2024-04-19 12:17:23 -05:00
committed by GitHub
parent d6dfa596de
commit 3b0f9988df
6 changed files with 56 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/views/events/EventView.tsx
View File

@@ -228,7 +228,7 @@ export default function EventView({
} // don't allow the severity to be unselected
>
<ToggleGroupItem
className={`${severityToggle == "alert" ? "" : "text-gray-500"}`}
className={`${severityToggle == "alert" ? "" : "text-muted-foreground"}`}
value="alert"
aria-label="Select alerts"
>
@@ -238,7 +238,7 @@ export default function EventView({
</div>
</ToggleGroupItem>
<ToggleGroupItem
className={`${severityToggle == "detection" ? "" : "text-gray-500"}`}
className={`${severityToggle == "detection" ? "" : "text-muted-foreground"}`}
value="detection"
aria-label="Select detections"
>
@@ -250,7 +250,9 @@ export default function EventView({
</ToggleGroupItem>
<ToggleGroupItem
className={`px-3 py-4 rounded-2xl ${
severityToggle == "significant_motion" ? "" : "text-gray-500"
severityToggle == "significant_motion"
? ""
: "text-muted-foreground"
}`}
value="significant_motion"
aria-label="Select motion"

4
web/src/views/events/RecordingView.tsx
View File

@@ -321,14 +321,14 @@ export function RecordingView({
} // don't allow the severity to be unselected
>
<ToggleGroupItem
className={`${timelineType == "timeline" ? "" : "text-gray-500"}`}
className={`${timelineType == "timeline" ? "" : "text-muted-foreground"}`}
value="timeline"
aria-label="Select timeline"
>
<div className="">Timeline</div>
</ToggleGroupItem>
<ToggleGroupItem
className={`${timelineType == "events" ? "" : "text-gray-500"}`}
className={`${timelineType == "events" ? "" : "text-muted-foreground"}`}
value="events"
aria-label="Select events"
>