diff --git a/apps/nextjs/src/app/[locale]/boards/(content)/_client.tsx b/apps/nextjs/src/app/[locale]/boards/(content)/_client.tsx index 3c79acebe..ae1e4de92 100644 --- a/apps/nextjs/src/app/[locale]/boards/(content)/_client.tsx +++ b/apps/nextjs/src/app/[locale]/boards/(content)/_client.tsx @@ -95,7 +95,8 @@ export const ClientBoard = () => { const laneWidths = [leftColumnCount, mainColumnCount, rightColumnCount] .filter((columnCount) => columnCount > 0) .map(getLogicalTrackSize); - const logicalWidth = laneWidths.reduce((total, width) => total + width, 0) + (laneWidths.length - 1) * LOGICAL_GRID_GAP; + const logicalWidth = + laneWidths.reduce((total, width) => total + width, 0) + (laneWidths.length - 1) * LOGICAL_GRID_GAP; const initialLogicalHeight = getInitialBoardLogicalHeight(board, currentLayoutId); const initialAvailableWidth = Math.max(1, initialViewportWidth - APP_SHELL_INLINE_PADDING); const gridTemplateColumns = [ diff --git a/apps/nextjs/src/components/board/layout/test/geometry.spec.ts b/apps/nextjs/src/components/board/layout/test/geometry.spec.ts index 9fe79533c..67c9a064e 100644 --- a/apps/nextjs/src/components/board/layout/test/geometry.spec.ts +++ b/apps/nextjs/src/components/board/layout/test/geometry.spec.ts @@ -1,11 +1,6 @@ import { describe, expect, test } from "vitest"; -import { - getLayoutRowCount, - getLogicalItemStyle, - getLogicalTrackSize, - normalizeGridPlacement, -} from "../index"; +import { getLayoutRowCount, getLogicalItemStyle, getLogicalTrackSize, normalizeGridPlacement } from "../index"; describe("fixed dashboard geometry", () => { test("keeps a 1x1 item exactly 200px with a fixed 24px gap", () => { diff --git a/packages/api/src/router/board.ts b/packages/api/src/router/board.ts index 877ff1ce6..6ca1d662b 100644 --- a/packages/api/src/router/board.ts +++ b/packages/api/src/router/board.ts @@ -1699,7 +1699,9 @@ const getUpdatedBoardLayout = ( const mainRoot = rootByLane.get("main"); if (!mainRoot) throw new Error(`Board "${board.id}" has no main canvas root`); - const sourceRootById = new Map(emptyRoots.map((section) => [section.id, getRootSectionLane(section.xOffset)] as const)); + const sourceRootById = new Map( + emptyRoots.map((section) => [section.id, getRootSectionLane(section.xOffset)] as const), + ); const targetLaneBySourceLane = new Map( boardLanes.map((lane) => [ lane, @@ -1787,10 +1789,7 @@ interface BoardLayoutGeometry { rightGutterColumnCount: number; } -const getRootSectionForLane = ( - board: Awaited>, - lane: BoardLane, -) => { +const getRootSectionForLane = (board: Awaited>, lane: BoardLane) => { const roots = board.sections.filter( (section) => section.kind === "empty" && getRootSectionLane(section.xOffset) === lane, ); diff --git a/packages/boards/src/layout-selection.ts b/packages/boards/src/layout-selection.ts index 20503188f..ec6a87f04 100644 --- a/packages/boards/src/layout-selection.ts +++ b/packages/boards/src/layout-selection.ts @@ -5,10 +5,7 @@ interface ResponsiveLayout { breakpoint: number; } -export const getLayoutIdForViewportWidth = ( - layouts: readonly ResponsiveLayout[], - viewportWidth: number, -): string => { +export const getLayoutIdForViewportWidth = (layouts: readonly ResponsiveLayout[], viewportWidth: number): string => { if (layouts.length === 0) { throw new Error("Expected the board to contain a layout"); }