diff --git a/vizro-ai/examples/dashboard_ui/app.py b/vizro-ai/examples/dashboard_ui/app.py index 0a9706449..6840c01b1 100644 --- a/vizro-ai/examples/dashboard_ui/app.py +++ b/vizro-ai/examples/dashboard_ui/app.py @@ -174,9 +174,7 @@ ), ], ), - MyDropdown( - options=SUPPORTED_MODELS["OpenAI"], value="gpt-4o-mini", multi=False, id="model-dropdown" - ), + MyDropdown(options=SUPPORTED_MODELS["OpenAI"], value="gpt-4o-mini", multi=False, id="model-dropdown"), OffCanvas( id="settings", options=["OpenAI", "Anthropic", "Mistral", "xAI"], @@ -286,9 +284,7 @@ def download_fig(n_clicks_html, n_clicks_json, data): return dcc.send_string(plotly_json, "plotly_fig.json") -@callback( - [Output("model-dropdown", "options"), Output("model-dropdown", "value")], Input("settings-dropdown", "value") -) +@callback([Output("model-dropdown", "options"), Output("model-dropdown", "value")], Input("settings-dropdown", "value")) def update_model_dropdown(value): """Callback for updating available models.""" available_models = SUPPORTED_MODELS[value] diff --git a/vizro-ai/examples/dashboard_ui/assets/custom_css.css b/vizro-ai/examples/dashboard_ui/assets/custom_css.css index cd43085e1..561dd45b9 100644 --- a/vizro-ai/examples/dashboard_ui/assets/custom_css.css +++ b/vizro-ai/examples/dashboard_ui/assets/custom_css.css @@ -263,8 +263,8 @@ display: flex; flex-direction: row; justify-content: center; - padding-left: 4px; min-width: 130px; + padding-left: 4px; } #custom-header-div { diff --git a/vizro-ai/examples/dashboard_ui/components.py b/vizro-ai/examples/dashboard_ui/components.py index 96c7aaf33..da96d5e2b 100644 --- a/vizro-ai/examples/dashboard_ui/components.py +++ b/vizro-ai/examples/dashboard_ui/components.py @@ -91,11 +91,11 @@ def build(self): return dcc.Loading( html.Div( - [ - dcc.Clipboard(target_id=f"{self.id}-code-markdown", className="code-clipboard"), - dcc.Markdown(markdown_code, id=f"{self.id}-code-markdown"), - ], - className="code-clipboard-container", + [ + dcc.Clipboard(target_id=f"{self.id}-code-markdown", className="code-clipboard"), + dcc.Markdown(markdown_code, id=f"{self.id}-code-markdown"), + ], + className="code-clipboard-container", ), color="grey", parent_className="loading-container",