Update app.py via AI Editor

app.py

@@ -367,27 +367,30 @@ def get_right_col_content(selected_type, store_data):
     controls.append(
         dbc.Card(
             dbc.CardBody(
-                html.Div(
-                    id='document-preview',
-                    style={
-                        'height': 'calc(100vh - 260px)',
-                        'maxHeight': '740px',
-                        'overflowY': 'auto',
-                        'overflowX': 'auto',
-                        'padding': '8px'
-                    }
+                dcc.Loading(
+                    id='preview-loading',
+                    type='default',
+                    children=html.Div(
+                        id='document-preview',
+                        style={
+                            'height': '100%',
+                            'overflowY': 'auto',
+                            'overflowX': 'auto',
+                            'padding': '8px'
+                        }
+                    )
                 )
             ),
             style={
                 'marginBottom': '10px',
-                'height': 'calc(100vh - 260px)',
-                'maxHeight': '740px',
-                'minHeight': '320px',
+                'height': 'calc(100vh - 155px)',
+                'maxHeight': '820px',
+                'minHeight': '460px',
                 'boxSizing': 'border-box'
             }
         )
     )
-    return dbc.Card(dbc.CardBody(controls))
+    return dbc.Card(dbc.CardBody(controls), style={'height': 'calc(100vh - 140px)', 'maxHeight': '820px', 'minHeight': '460px', 'boxSizing': 'border-box'})
 
 app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP], suppress_callback_exceptions=True)
 
@@ -414,7 +417,7 @@ app.layout = dbc.Container([
         dbc.Col(
             dcc.Loading(
                 id="main-progress-dot",
-                type="dot",
+                type="default",
                 children=html.Div(id="main-progress-dot-output"),
                 style={'display': 'flex', 'justifyContent': 'center', 'alignItems': 'center', 'height':'40px'}
             ),
@@ -437,7 +440,7 @@ app.layout = dbc.Container([
         dbc.Col(
             html.Div([
                 html.Div(id='right-col-content')
-            ]),
+            ], style={'height': 'calc(100vh - 140px)', 'maxHeight': '820px', 'minHeight': '460px', 'boxSizing': 'border-box'}),
             width=9
         )
     ], align='start')