commit e5f295ca7831ce47a57f0dd4975764bfe27dd620
parent fa95a1a067192839f22a6063a72ec7db69c04e43
Author: Andy Khramtsov <>
Date: Sat, 30 May 2026 04:03:45 +0300
feat: change layout a bit
Diffstat:
1 file changed, 44 insertions(+), 31 deletions(-)
diff --git a/src/deps/pages/home.py b/src/deps/pages/home.py
@@ -1,7 +1,6 @@
import base64
import io
import tomllib
-import typing
from dataclasses import dataclass
import dash
@@ -101,10 +100,12 @@ def layout():
placeholder="Cargo.toml contents",
persistence=True,
),
- html.Button(
- className="button",
- id=ids.cargo_toml_clear,
- children="Clear Cargo.toml",
+ html.Div(
+ html.Button(
+ className="button",
+ id=ids.cargo_toml_clear,
+ children="Clear Cargo.toml",
+ ),
),
html.Div("Cargo.lock:"),
dcc.Textarea(
@@ -112,10 +113,12 @@ def layout():
placeholder="Cargo.lock contents",
persistence=True,
),
- html.Button(
- className="button",
- id=ids.cargo_lock_clear,
- children="Clear Cargo.lock",
+ html.Div(
+ html.Button(
+ className="button",
+ id=ids.cargo_lock_clear,
+ children="Clear Cargo.lock",
+ ),
),
],
),
@@ -155,29 +158,39 @@ def layout():
),
],
),
- html.H3("Dependency graph"),
- html.Button(
- className="button",
- id=ids.generate_button,
- children="Generate",
- ),
- dcc.Loading(
- dcc.Graph(
- id=ids.dependency_graph,
- figure={},
- style={"height": 1000},
- ),
- show_initially=False,
- delay_show=500,
- delay_hide=300,
- fullscreen=True,
- ),
- html.Button(
- className="button",
- id=ids.reset_highlight_button,
- children="Reset highlight",
+ html.Div(
+ className="vertical-content",
+ children=[
+ html.H3("Dependency graph"),
+ html.Div(
+ className="horizontal-content horizontal-content_small-gap",
+ children=[
+ html.Button(
+ className="button",
+ id=ids.generate_button,
+ children="Generate",
+ ),
+ html.Button(
+ className="button",
+ id=ids.reset_highlight_button,
+ children="Reset highlight",
+ ),
+ ],
+ ),
+ dcc.Loading(
+ dcc.Graph(
+ id=ids.dependency_graph,
+ figure={},
+ style={"height": 1000},
+ ),
+ show_initially=False,
+ delay_show=500,
+ delay_hide=300,
+ fullscreen=True,
+ ),
+ html.Div(id=ids.selected_node_details),
+ ],
),
- html.Div(id=ids.selected_node_details),
],
)