khh

TUI/tui.tcss

@@ -14,6 +14,11 @@
     border: round $primary;
 }
 
+#command-row {
+    width: 100%;
+    height: auto;
+}
+
 #pipeline-input {
     width: 1fr;
     min-height: 3;
@@ -38,22 +43,61 @@
     border: solid $panel-darken-1;
 }
 
-#content-row {
+#cmd-suggestions {
     width: 100%;
-    height: 1fr;
+    height: auto;
+    max-height: 8;
+    margin-top: 1;
+    background: $surface;
+    border: round $panel-darken-2;
 }
 
-#left-pane,
-#right-pane {
+#results-pane {
+    width: 100%;
+    height: 2fr;
+    padding: 1;
+    background: $panel;
+    border: round $panel-darken-2;
+    margin-top: 1;
+}
+
+#store-select {
+    width: 24;
+    margin-right: 2;
+    height: 3;
+}
+
+#output-path {
     width: 1fr;
-    height: 100%;
+    height: 3;
+}
+
+
+#bottom-pane {
+    width: 100%;
+    height: 1fr;
     padding: 1;
     background: $panel;
     border: round $panel-darken-2;
 }
 
-#left-pane {
-    max-width: 60;
+
+#store-row {
+    width: 100%;
+    height: auto;
+}
+
+#logs-workers-row {
+    width: 100%;
+    height: 1fr;
+    margin-top: 1;
+}
+
+#logs-pane,
+#workers-pane {
+    width: 1fr;
+    height: 100%;
+    padding: 0 1;
 }
 
 .section-title {
@@ -62,33 +106,19 @@
     margin-top: 1;
 }
 
-.preset-entry {
-    padding: 1;
-    border: tall $panel-darken-1;
-    margin-bottom: 1;
-}
-
-#preset-list {
-    height: 25;
-    border: solid $secondary;
-}
-
 #log-output {
-    height: 16;
+    height: 1fr;
 }
 
 #workers-table {
-    height: auto;
+    height: 1fr;
 }
 
 #results-table {
     height: 1fr;
 }
 
-#metadata-tree {
-    height: 1fr;
-    border: round $panel-darken-1;
-}
+
 
 .status-info {
     background: $boost;
@@ -109,4 +139,39 @@
     width: auto;
     min-width: 10;
     margin: 0 1;
+}
+
+#tags-button,
+#metadata-button,
+#relationships-button {
+    width: auto;
+    min-width: 12;
+    margin: 0 1;
+}
+
+#popup-title {
+    width: 100%;
+    height: 3;
+    text-style: bold;
+    content-align: center middle;
+    border: round $panel-darken-2;
+    background: $boost;
+}
+
+#popup-text,
+#tags-editor {
+    height: 1fr;
+    border: round $panel-darken-2;
+}
+
+#tags-buttons {
+    width: 100%;
+    height: auto;
+    margin-top: 1;
+}
+
+#tags-status {
+    width: 1fr;
+    height: 3;
+    content-align: left middle;
 }