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

UI tweaks and bugfixes (#10882)

Browse Source 
* small tweaks and bugfixes

* spacing

* simplify
This commit is contained in:
Josh Hawkins
2024-04-08 08:35:35 -05:00
committed by GitHub
parent 73c093be43
commit f210c4b6f4
7 changed files with 59 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/player/PreviewPlayer.tsx
View File

@@ -235,7 +235,7 @@ function PreviewVideoPlayer({
return (
<div
className={`relative rounded-2xl bg-black overflow-hidden ${onClick ? "cursor-pointer" : ""} ${className ?? ""}`}
className={`relative rounded-2xl w-full flex justify-center bg-black overflow-hidden ${onClick ? "cursor-pointer" : ""} ${className ?? ""}`}
onClick={onClick}
>
<img
@@ -464,7 +464,7 @@ function PreviewFramesPlayer({
return (
<div
className={`relative ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`}
className={`relative w-full flex justify-center ${className ?? ""} ${onClick ? "cursor-pointer" : ""}`}
onClick={onClick}
>
<img

6
web/src/components/player/VideoControls.tsx
View File

@@ -142,7 +142,7 @@ export default function VideoControls({
return (
<div
className={`px-4 py-2 flex justify-between items-center gap-8 text-white z-50 bg-secondary-foreground/60 dark:bg-secondary/60 rounded-lg ${className ?? ""}`}
className={`px-4 py-2 flex justify-between items-center gap-8 text-primary-foreground dark:text-white z-50 bg-secondary-foreground/60 dark:bg-secondary/60 rounded-lg ${className ?? ""}`}
>
{video && features.volume && (
<div className="flex justify-normal items-center gap-2">
@@ -170,9 +170,9 @@ export default function VideoControls({
)}
<div className="cursor-pointer" onClick={onTogglePlay}>
{isPlaying ? (
<LuPause className="size-5 fill-white" />
<LuPause className="size-5 fill-primary-foreground dark:fill-white" />
) : (
<LuPlay className="size-5 fill-white" />
<LuPlay className="size-5 fill-primary-foreground dark:fill-white" />
)}
</div>
{features.seek && (