From 107c389f61df36b464ae3ec73e2f553a78f3e64a Mon Sep 17 00:00:00 2001
From: Nathan-SR <144961007+Nathan-SR@users.noreply.github.com>
Date: Tue, 30 Jul 2024 13:39:46 -0400
Subject: layout preview sizing

---
 src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

(limited to 'src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx')

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
index ef53dde8e..e5288f4f8 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu.tsx
@@ -16,10 +16,7 @@ import './DocCreatorMenu.scss';
 import { Id } from '../../../../fields/FieldSymbols';
 import { Colors, IconButton, Size } from 'browndash-components';
 import { MakeTemplate } from '../../../util/DropConverter';
-import { threadId } from 'worker_threads';
-import { ideahub } from 'googleapis/build/src/apis/ideahub';
 import { DragManager } from '../../../util/DragManager';
-import { DateField } from '../../../../fields/DateField';
 
 export enum LayoutType {
     Stacked = 'stacked', 
@@ -509,7 +506,7 @@ export class DocCreatorMenu extends ObservableReactComponent<{}> {
                     </button>
                 </div>
                 {this._layout.type ? this.layoutConfigOptions: null}
-                {this._layoutPreview ? this.layoutPreviewContents(225) : null}
+                {this._layoutPreview ? this.layoutPreviewContents(this._menuDimensions.width * .75) : null}
                 {selectionBox(60, 20, 'repeat', undefined, repeatOptions.map(num => <option onPointerDown={e => this._layout.repeat = num}>{`${num}x`}</option>))}
                 <hr className='docCreatorMenu-option-divider'/>
                 <div className='docCreatorMenu-general-options-container'>
-- 
cgit v1.2.3-70-g09d2

