From 1fd6720e6bd7af55391d6714f9ddab298cd31453 Mon Sep 17 00:00:00 2001 From: Lucas 'Paperboy' Rose-Winters Date: Thu, 6 Nov 2025 20:50:16 +1100 Subject: [PATCH] fix: update widget sizing for 1080p screens - Scene, Inventory, and Quests tabs MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit **Scene Tab (presentCharacters):** - Desktop: 3×2 (wide and short, fits 1080p viewport) - Mobile: 2×4 (narrow and tall for vertical stacking) **Inventory Tab:** - Desktop: 3×7 (full width, spacious) instead of 2×6 - Mobile: 2×5 (full width, compact) **Quests Tab:** - Desktop: 3×7 (full width, spacious) instead of 2×5 - Mobile: 2×5 (full width, compact) All widgets now use full width at their respective column counts and are properly sized to fit within 1080p screens without scrolling off. --- src/systems/dashboard/defaultLayout.js | 4 ++-- src/systems/dashboard/widgets/inventoryWidget.js | 8 ++++---- .../dashboard/widgets/presentCharactersWidget.js | 8 ++++---- src/systems/dashboard/widgets/questsWidget.js | 10 +++++----- 4 files changed, 15 insertions(+), 15 deletions(-) diff --git a/src/systems/dashboard/defaultLayout.js b/src/systems/dashboard/defaultLayout.js index 606620d..aac58d5 100644 --- a/src/systems/dashboard/defaultLayout.js +++ b/src/systems/dashboard/defaultLayout.js @@ -112,14 +112,14 @@ export function generateDefaultDashboard() { maxEvents: 3 } }, - // Row 5-8: Present Characters (full width, tall for cards) + // Row 5-6: Present Characters (full width, fits 1080p screen) { id: 'widget-presentchars', type: 'presentCharacters', x: 0, y: 5, w: 3, - h: 4, + h: 2, config: { cardLayout: 'grid', showThoughtBubbles: true diff --git a/src/systems/dashboard/widgets/inventoryWidget.js b/src/systems/dashboard/widgets/inventoryWidget.js index d913994..273e02d 100644 --- a/src/systems/dashboard/widgets/inventoryWidget.js +++ b/src/systems/dashboard/widgets/inventoryWidget.js @@ -65,18 +65,18 @@ export function registerInventoryWidget(registry, dependencies) { description: 'Full inventory system with On Person, Stored, and Assets', category: 'inventory', minSize: { w: 2, h: 4 }, - // Column-aware sizing: compact on mobile, spacious on desktop + // Column-aware sizing: compact on mobile, full width on desktop defaultSize: (columns) => { if (columns <= 2) { return { w: 2, h: 5 }; // Mobile: 2×5 (full width, compact) } - return { w: 2, h: 6 }; // Desktop: 2×6 (default) + return { w: 3, h: 7 }; // Desktop: 3×7 (full width, spacious for 1080p) }, maxAutoSize: (columns) => { if (columns <= 2) { - return { w: 2, h: 8 }; // Mobile: 2×8 max (increased for expansion headroom) + return { w: 2, h: 8 }; // Mobile: 2×8 max } - return { w: 3, h: 8 }; // Desktop: 3×8 max (can expand) + return { w: 3, h: 10 }; // Desktop: 3×10 max (can expand) }, requiresSchema: false, diff --git a/src/systems/dashboard/widgets/presentCharactersWidget.js b/src/systems/dashboard/widgets/presentCharactersWidget.js index ddb6579..467320d 100644 --- a/src/systems/dashboard/widgets/presentCharactersWidget.js +++ b/src/systems/dashboard/widgets/presentCharactersWidget.js @@ -276,19 +276,19 @@ export function registerPresentCharactersWidget(registry, dependencies) { description: 'Character cards with avatars, traits, and relationships', category: 'scene', minSize: { w: 2, h: 2 }, - // Column-aware sizing: taller for better card display + // Column-aware sizing: narrow and tall on mobile, wide and short on desktop defaultSize: (columns) => { if (columns <= 2) { return { w: 2, h: 4 }; // Mobile: 2 cols wide (full), 4 rows tall } - return { w: 2, h: 4 }; // Desktop: 2 cols wide, 4 rows tall + return { w: 3, h: 2 }; // Desktop: 3 cols wide (full), 2 rows tall (fits 1080p) }, - // Column-aware max size: can expand on very wide screens + // Column-aware max size: can expand vertically if needed maxAutoSize: (columns) => { if (columns <= 2) { return { w: 2, h: 5 }; } - return { w: 3, h: 5 }; // Can expand to 3 cols wide on 4-col displays + return { w: 3, h: 3 }; // Desktop: can expand to 3 rows if needed }, requiresSchema: false, diff --git a/src/systems/dashboard/widgets/questsWidget.js b/src/systems/dashboard/widgets/questsWidget.js index 5bd8c1f..fe08cd2 100644 --- a/src/systems/dashboard/widgets/questsWidget.js +++ b/src/systems/dashboard/widgets/questsWidget.js @@ -395,18 +395,18 @@ export function registerQuestsWidget(registry, dependencies) { description: 'Quest tracking with main and optional quests', category: 'quests', minSize: { w: 2, h: 4 }, - // Column-aware sizing: compact on mobile, spacious on desktop + // Column-aware sizing: compact on mobile, full width on desktop defaultSize: (columns) => { if (columns <= 2) { - return { w: 2, h: 4 }; // Mobile: 2×4 (full width, compact) + return { w: 2, h: 5 }; // Mobile: 2×5 (full width, compact) } - return { w: 2, h: 5 }; // Desktop: 2×5 (default) + return { w: 3, h: 7 }; // Desktop: 3×7 (full width, spacious for 1080p) }, maxAutoSize: (columns) => { if (columns <= 2) { - return { w: 2, h: 7 }; // Mobile: 2×7 max (increased for expansion headroom) + return { w: 2, h: 8 }; // Mobile: 2×8 max } - return { w: 3, h: 7 }; // Desktop: 3×7 max (can expand) + return { w: 3, h: 10 }; // Desktop: 3×10 max (can expand) }, requiresSchema: false,