fix(dashboard): grid fills available width instead of fixed 1200px
CI / backend (pull_request) Successful in 58s
CI / frontend (pull_request) Successful in 14s
CI / format (pull_request) Successful in 56s
CI / db-tests (pull_request) Failing after 1m15s
Security / secrets (pull_request) Successful in 12s
Security / dependencies (pull_request) Successful in 1m3s
Security / sast (pull_request) Failing after 6s

Wrap GridLayout with WidthProvider (already ships with react-grid-layout, no
new dep) so tiles reflow to actual container width on resize/sidebar-collapse
instead of leaving dead space or overflowing on a hardcoded 1200px canvas.
compactType=vertical already auto-packs the bento-style variable-size tiles.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
cesnimda
2026-07-12 15:20:10 +02:00
parent c9f1437860
commit cb740c0515
+2 -2
View File
@@ -1,5 +1,6 @@
import { useCallback, useEffect, useMemo, useState } from 'react';
import GridLayout from 'react-grid-layout';
import GridLayoutBase, { WidthProvider } from 'react-grid-layout';
const GridLayout = WidthProvider(GridLayoutBase);
import 'react-grid-layout/css/styles.css';
import 'react-resizable/css/styles.css';
import { AnalyticsApi, LayoutApi, ExportApi, SyncApi } from '../api/client.js';
@@ -137,7 +138,6 @@ export default function Dashboard() {
layout={visibleLayout}
cols={12}
rowHeight={60}
width={1200}
isResizable
isDraggable
resizeHandles={['se']}