administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-10 13:15:25 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Match designs better

Browse Source
This commit is contained in:
Nicolas Mowen 2024-04-02 12:35:13 -06:00
parent a79df6d9c4
commit b6f7bcd422
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/dynamic/CameraFeatureToggle.tsx
View File

@ -43,7 +43,7 @@ export default function CameraFeatureToggle({
}`} }`}
> >
<Icon <Icon
className={`size-5 md:m-[6px] ${isActive ? "text-white" : "text-muted-foreground"}`} className={`size-5 md:m-[6px] ${isActive ? "text-white" : "text-secondary-foreground"}`}
/> />
</div> </div>
); );

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

@ -251,6 +251,7 @@ export function RecordingView({
<Button <Button
className="flex items-center gap-2 rounded-lg" className="flex items-center gap-2 rounded-lg"
size="sm" size="sm"
variant="secondary"
onClick={() => navigate(-1)} onClick={() => navigate(-1)}
> >
<IoMdArrowRoundBack className="size-5" size="small" /> <IoMdArrowRoundBack className="size-5" size="small" />

8
web/src/views/live/LiveCameraView.tsx
View File

@ -51,7 +51,7 @@ import {
} from "react-icons/fa"; } from "react-icons/fa";
import { GiSpeaker, GiSpeakerOff } from "react-icons/gi"; import { GiSpeaker, GiSpeakerOff } from "react-icons/gi";
import { HiViewfinderCircle } from "react-icons/hi2"; import { HiViewfinderCircle } from "react-icons/hi2";
import { IoMdArrowBack } from "react-icons/io"; import { IoMdArrowRoundBack } from "react-icons/io";
import { import {
LuEar, LuEar,
LuEarOff, LuEarOff,
@ -222,16 +222,18 @@ export default function LiveCameraView({ camera }: LiveCameraViewProps) {
{!fullscreen ? ( {!fullscreen ? (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<Button <Button
className={`flex items-center gap-2.5 rounded-lg ${isMobile ? "ml-2" : "ml-0"}`} className={`flex items-center gap-2.5 rounded-lg`}
size="sm" size="sm"
variant="secondary"
onClick={() => navigate(-1)} onClick={() => navigate(-1)}
> >
<IoMdArrowBack className="size-5" /> <IoMdArrowRoundBack className="size-5" />
{isDesktop && "Back"} {isDesktop && "Back"}
</Button> </Button>
<Button <Button
className="flex items-center gap-2.5 rounded-lg" className="flex items-center gap-2.5 rounded-lg"
size="sm" size="sm"
variant="secondary"
onClick={() => { onClick={() => {
navigate("events", { navigate("events", {
state: { state: {

4
web/themes/theme-default.css
View File

@ -27,8 +27,8 @@
--secondary: hsl(0, 0%, 96%); --secondary: hsl(0, 0%, 96%);
--secondary: 0 0% 96%; --secondary: 0 0% 96%;
--secondary-foreground: hsl(0, 0%, 45%); --secondary-foreground: hsl(0, 0%, 32%);
--secondary-foreground: 0 0% 45%; --secondary-foreground: 0 0% 32%;
--secondary-highlight: hsl(0, 0%, 94%); --secondary-highlight: hsl(0, 0%, 94%);
--secondary-highlight: 0 0% 94%; --secondary-highlight: 0 0% 94%;