administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-04-05 14:47:40 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #55 from ibs0d/claude/remove-grid-spacing-E0vKX

Browse Source 
Remove grid spacing between cards and from edges
This commit is contained in:
ibs0d 2026-03-16 18:22:56 +11:00 committed by GitHub
commit 8b7e6abe6a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/views/live/DraggableGridLayout.tsx
View File

@ -371,16 +371,8 @@ export default function DraggableGridLayout({
const cellHeight = useMemo(() => {
const aspectRatio = 16 / 9;
// subtract container margin, 1 camera takes up at least 4 rows
// account for additional margin on bottom of each row
return (
(availableWidth - 2 * marginValue) /
12 /
aspectRatio -
marginValue +
marginValue / 4
);
}, [availableWidth, marginValue]);
return availableWidth / 12 / aspectRatio;
}, [availableWidth]);
const handleResize = (
_layout: Layout,
@ -716,7 +708,7 @@ export default function DraggableGridLayout({
</div>
) : (
<div
className="no-scrollbar my-2 select-none overflow-x-hidden px-2 pb-8"
className="no-scrollbar select-none overflow-x-hidden"
ref={gridContainerRef}
>
<EditGroupDialog
@ -738,8 +730,8 @@ export default function DraggableGridLayout({
rowHeight={cellHeight}
breakpoints={{ lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 }}
cols={{ lg: 12, md: 12, sm: 12, xs: 12, xxs: 12 }}
margin={[marginValue, marginValue]}
containerPadding={[0, isEditMode ? 6 : 3]}
margin={[0, 0]}
containerPadding={[0, 0]}
resizeConfig={{
enabled: isEditMode,
handles: isEditMode ? ["sw", "nw", "se", "ne"] : [],