diff --git a/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css b/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css index aaf5f34..5e49be9 100644 --- a/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css +++ b/src/aki_prj23_transparenzregister/ui/assets/networkx_style.css @@ -3,6 +3,7 @@ margin-top: 20px; margin-left: 20px; border: 1px solid; + border-color: blue; width: 45%; height: 500px; } diff --git a/src/aki_prj23_transparenzregister/ui/pages/home.py b/src/aki_prj23_transparenzregister/ui/pages/home.py index b8200df..61fd8c4 100644 --- a/src/aki_prj23_transparenzregister/ui/pages/home.py +++ b/src/aki_prj23_transparenzregister/ui/pages/home.py @@ -128,18 +128,18 @@ layout = html.Div( html.Div( className="top_companytable_style", children=[ - html.I("Write your EDGE_VAR"), + html.Title(title="Top Ten Unternehmen", style={"align": "mid"}), dash_table.DataTable(df.to_dict('records'), [{"name": i, "id": i} for i in df.columns]) ] ), html.Div( className="networkx_style", children=[ + html.Header(title="Social Graph"), dcc.Dropdown(['eigenvector', 'degree', 'betweeness', 'closeness'], 'eigenvector', id='demo-dropdown'), - html.I("Write your EDGE_VAR"), - html.Br(), - # dcc.Dropdown(['eigenvector', 'degree', 'betweeness', 'closeness'], 'eigenvector', id='metric-dropdown'), + "Text", dcc.Input(id="EGDE_VAR", type="text", value="K", debounce=True), + # dcc.Dropdown(['eigenvector', 'degree', 'betweeness', 'closeness'], 'eigenvector', id='metric-dropdown'), dcc.Graph(id="my-graph"), ] )