update process select UI

luewh · Nov 5, 2024 · 6f5b801 · 6f5b801
1 parent 4707f06
commit 6f5b801
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 24 deletions.
diff --git a/README.md b/README.md
@@ -142,8 +142,8 @@ This project relies on the following software and projects.
 - [X] Embed release
 - [X] Stop upscale and interpolate process
 - [X] Get video walk optimize
+- [X] Arrange process select UI
 - [ ] Gif to explain processes, tooltip on process dropdown
-- [ ] Remain vh for div_processRunning
 - [ ] Log ?
 
 
diff --git a/VideoScriptWebUI.py b/VideoScriptWebUI.py
@@ -106,37 +106,47 @@
                     html.Div(
                         id="div_processParamUI",
                         disable_n_clicks=True,
+                        style={
+                            "height":"31vh",
+                            "overflow-x": "hidden",
+                            "overflow-y": "auto",
+                        }
                     ),
-                    dcc.Loading(
-                        html.Button(
-                            "RUN",
-                            id="button_runProcess",
-                            n_clicks=0,
-                            disabled=True,
-                            className="uni_width_height uni_text",
-                            style={
-                                "marginTop":20,
-                                "marginBottom":20,
-                            },
-                        ),
-                        color="white",
+                    dbc.Row(
+                        [
+                            dbc.Col(
+                                dcc.Loading(
+                                    html.Button(
+                                        "RUN",
+                                        id="button_runProcess",
+                                        n_clicks=0,
+                                        disabled=True,
+                                        className="uni_width_height uni_text",
+                                    ),
+                                    color="white",
+                                ),
+                            ),
+                            dbc.Col(
+                                html.Button(
+                                    "STOP",
+                                    id="button_stopProcess",
+                                    n_clicks=0,
+                                    disabled=True,
+                                    className="uni_width_height uni_text",
+                                ),
+                            ),
+                        ],
+                        style={
+                            "marginTop":10,
+                            "marginBottom":10,
+                        },
                     ),
                     dbc.Tooltip(
                         "SCAN atleast once to RUN",
                         id="tooltip_run",
                         target="button_runProcess",
                         delay={"show": 500, "hide": 0},
                     ),
-                    html.Button(
-                        "STOP",
-                        id="button_stopProcess",
-                        n_clicks=0,
-                        disabled=True,
-                        className="uni_width_height uni_text",
-                        style={
-                            "marginBottom":20,
-                        },
-                    ),
                     html.Div(
                         id="div_processRunning",
                         disable_n_clicks=True,
@@ -151,6 +161,7 @@
                             "padding":"5px",
                             "font-size":"10px",
                             "font-family":"monospace",
+                            # "border-radius": "3px",
                         },
                     ),
                 ],