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

Make header spacing consistent between pages

Browse Source
This commit is contained in:
Nicolas Mowen 2024-03-28 11:17:18 -06:00
parent 9dc4862794
commit 70515ef508
4 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/filter/ReviewFilterGroup.tsx
View File

@ -378,7 +378,7 @@ function ShowReviewFilter({
</div> </div>
<Button <Button
className="block md:hidden ml-1" className="block md:hidden"
size="sm" size="sm"
variant="secondary" variant="secondary"
onClick={() => setShowReviewed(showReviewed == 0 ? 1 : 0)} onClick={() => setShowReviewed(showReviewed == 0 ? 1 : 0)}

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

@ -206,9 +206,9 @@ export default function EventView({
return ( return (
<div className="flex flex-col size-full"> <div className="flex flex-col size-full">
<div className="h-10 relative flex justify-between items-center mx-2"> <div className="h-11 px-2 relative flex justify-between items-center bg-red-500">
{isMobile && ( {isMobile && (
<Logo className="absolute inset-y-0 inset-x-1/2 -translate-x-1/2 h-8" /> <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
)} )}
<ToggleGroup <ToggleGroup
className="*:px-3 *:py-4 *:rounded-2xl" className="*:px-3 *:py-4 *:rounded-2xl"

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

@ -225,13 +225,14 @@ export function RecordingView({
<div ref={contentRef} className="size-full flex flex-col"> <div ref={contentRef} className="size-full flex flex-col">
<Toaster /> <Toaster />
<div <div
className={`w-full h-10 px-2 relative flex items-center justify-between`} className={`w-full h-11 px-2 relative flex items-center justify-between`}
> >
{isMobile && ( {isMobile && (
<Logo className="absolute top-1 inset-x-1/2 -translate-x-1/2 h-8" /> <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
)} )}
<Button <Button
className="flex items-center gap-2 rounded-lg" className="flex items-center gap-2 rounded-lg"
size="sm"
onClick={() => navigate(-1)} onClick={() => navigate(-1)}
> >
<IoMdArrowRoundBack className="size-5" size="small" /> <IoMdArrowRoundBack className="size-5" size="small" />

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

@ -129,10 +129,10 @@ export default function LiveDashboardView({
const birdseyeConfig = useMemo(() => config?.birdseye, [config]); const birdseyeConfig = useMemo(() => config?.birdseye, [config]);
return ( return (
<div className="size-full overflow-y-auto px-2"> <div className="size-full overflow-y-auto">
{isMobile && ( {isMobile && (
<div className="relative h-9 flex items-center justify-between"> <div className="h-11 px-2 relative flex items-center justify-between">
<Logo className="absolute inset-y-0 inset-x-1/2 -translate-x-1/2 h-8" /> <Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
<CameraGroupSelector /> <CameraGroupSelector />
<div className="flex items-center gap-1"> <div className="flex items-center gap-1">
<Button <Button
@ -175,7 +175,7 @@ export default function LiveDashboardView({
)} )}
<div <div
className={`my-4 grid ${layout == "grid" ? "grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4" : ""} gap-2 md:gap-4 *:rounded-2xl *:bg-black`} className={`mt-2 px-2 grid ${layout == "grid" ? "grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4" : ""} gap-2 md:gap-4 *:rounded-2xl *:bg-black`}
> >
{includeBirdseye && birdseyeConfig?.enabled && ( {includeBirdseye && birdseyeConfig?.enabled && (
<BirdseyeLivePlayer <BirdseyeLivePlayer