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

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>
<Button
className="block md:hidden ml-1"
className="block md:hidden"
size="sm"
variant="secondary"
onClick={() => setShowReviewed(showReviewed == 0 ? 1 : 0)}

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

@ -206,9 +206,9 @@ export default function EventView({
return (
<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 && (
<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
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">
<Toaster />
<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 && (
<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
className="flex items-center gap-2 rounded-lg"
size="sm"
onClick={() => navigate(-1)}
>
<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]);
return (
<div className="size-full overflow-y-auto px-2">
<div className="size-full overflow-y-auto">
{isMobile && (
<div className="relative h-9 flex items-center justify-between">
<Logo className="absolute inset-y-0 inset-x-1/2 -translate-x-1/2 h-8" />
<div className="h-11 px-2 relative flex items-center justify-between">
<Logo className="absolute inset-x-1/2 -translate-x-1/2 h-8" />
<CameraGroupSelector />
<div className="flex items-center gap-1">
<Button
@ -175,7 +175,7 @@ export default function LiveDashboardView({
)}
<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 && (
<BirdseyeLivePlayer